:root{--paper:#f4f4f4;--ink:#111111;--scene-title-size:clamp(18px,1.6vw,26px);--scene-subtitle-size:clamp(11px,.85vw,13px);--hud-whisper-size:11px}*{box-sizing:border-box}body{margin:0;background:var(--ink);font-family:DM Mono,monospace;color:var(--paper);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}#world{height:100svh;min-height:450px;position:relative;overflow:hidden;isolation:isolate;background:var(--ink)}#composition{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.piece{cursor:crosshair;outline:none}.piece .geometry{stroke:var(--paper);vector-effect:non-scaling-stroke;transition:stroke-width .35s,fill-opacity .35s;fill:var(--paper)}.piece:hover .geometry,.piece:focus-visible .geometry{stroke-width:12;fill-opacity:.23}.signature,.scene-copy,#whisper{position:absolute;z-index:2;mix-blend-mode:difference;color:var(--paper)}.signature{top:26px;left:30px;font-family:Roboto Mono,monospace;font-size:23px;line-height:1;letter-spacing:-1px}.signature span{font-size:9px;line-height:1.3;letter-spacing:0;display:block;margin-top:6px}.scene-copy{left:5%;bottom:14%;pointer-events:none;transition:opacity .3s}.scene-copy h1{font-size:var(--scene-title-size);font-weight:400;letter-spacing:-.03em;margin:0 0 8px}.scene-copy p{font-size:var(--scene-subtitle-size);margin:0;text-transform:uppercase;letter-spacing:.16em}#whisper{left:30px;bottom:29px;font-size:var(--hud-whisper-size);letter-spacing:.06em}#reveal{position:absolute;z-index:5;top:15%;right:18%;bottom:15%;left:18%;padding:5%;overflow:auto;background:var(--paper);color:var(--ink);border:10px solid var(--ink);outline:2px solid var(--paper);animation:unfold .65s cubic-bezier(.16,1,.3,1)}#reveal[hidden]{display:none}#close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:35px}#reveal h2{font:400 clamp(24px,4vw,55px)/1.1 "Roboto Mono",monospace;letter-spacing:-.07em;margin:25px 0}#reveal p{font-size:13px;line-height:1.8;max-width:48ch}#reveal a{display:block;text-decoration:underline;text-underline-offset:5px;margin:20px 0;font-size:clamp(12px,2vw,23px)}#reveal img{max-width:100%;max-height:48vh;object-fit:contain;display:block;margin:auto}.work-switch{display:flex;gap:15px;margin-top:20px}.work-switch button{background:transparent;border:1px solid;padding:10px;color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px dashed currentColor;outline-offset:6px}@keyframes unfold{0%{clip-path:inset(48% 0 48% 0);transform:scaleX(.25)}to{clip-path:inset(0);transform:scaleX(1)}}@media(max-width:650px){.signature{left:18px;top:20px}.scene-copy{bottom:18%;left:6%}#whisper{left:18px;bottom:25px}#reveal{top:15%;right:5%;bottom:15%;left:5%;padding:30px 22px;border-width:6px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}[data-scene="0"] .piece:hover .geometry,[data-scene="0"] .piece:focus-visible .geometry{stroke-width:0;fill-opacity:1}[data-scene="0"] .piece:focus-visible .geometry{filter:drop-shadow(0 0 5px var(--paper))}#composition{overflow:hidden;touch-action:pinch-zoom}#motion-art,#hit-regions{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#motion-art{pointer-events:none}#piece-cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;perspective:1100px}.piece-card{position:absolute}#world[data-hover=flip] .piece-card{transform-style:preserve-3d;transform:rotateY(0);transition:transform .55s cubic-bezier(.16,1,.3,1)}#world[data-hover=flip] .piece-card.is-flipped{transform:rotateY(180deg) scale(1.03)}.piece-card .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.piece-card .face--front{background:transparent}.piece-card .face--back{background:var(--paper);color:var(--ink)}.piece-card .face--back.has-image{color:var(--paper)}.piece-card .face--back img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.piece-card .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#11111194}.piece-card .card-text{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:4px;padding:10px 12px;color:inherit}.piece-card .card-title{font-family:Roboto Mono,monospace;font-size:13px;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.piece-card .card-subtitle{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.8;overflow-wrap:anywhere}#world[data-hover=flip] .piece-card.is-horizontal.is-flipped{transform:rotateX(180deg) scale(1.03)}#world[data-hover=flip] .piece-card .face--back{transform:rotateY(180deg)}#world[data-hover=flip] .piece-card.is-horizontal .face--back{transform:rotateX(180deg)}#world[data-hover=invert] .piece-card .face--front{display:none}#world[data-hover=invert] .piece-card .face--back{transform:scale(.94);opacity:0;transition:opacity .24s ease,transform .42s cubic-bezier(.16,1,.3,1)}#world[data-hover=invert] .piece-card.is-flipped{transform:none}#world[data-hover=invert] .piece-card.is-flipped .face--back{transform:scale(1);opacity:1}.piece-card.is-text-top .card-text{inset:0 0 auto 0}@media(prefers-reduced-motion:reduce){.piece-card,.piece-card .face--back{transition:none!important}.piece-card.is-flipped,.piece-card.is-horizontal.is-flipped{transform:none!important}.piece-card .face--front{display:none}.piece-card .face--back{transform:none!important;opacity:1}}#hit-regions .hit{fill:transparent;stroke:none;pointer-events:all;cursor:crosshair}#hit-regions .hit:focus-visible{stroke:#888;stroke-width:2;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}#hit-regions .geometry{fill:var(--paper);fill-opacity:0;stroke:var(--paper);stroke-width:0;vector-effect:non-scaling-stroke;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:fill-opacity .3s,stroke-width .3s,transform .3s}#hit-regions .piece-group:hover .geometry,#hit-regions .piece-group:focus-within .geometry{fill-opacity:.23;stroke-width:12}#hit-regions .piece-group.is-active .geometry{fill-opacity:.23;stroke-width:12;transform:scale(1.03)}#hit-regions .piece-group.is-single:hover .geometry,#hit-regions .piece-group.is-single:focus-within .geometry,#hit-regions .piece-group.is-single.is-active .geometry{fill-opacity:.23;stroke-width:3;transform:scale(1.008)}[data-scene="0"] #hit-regions .piece-group:hover .geometry,[data-scene="0"] #hit-regions .piece-group:focus-within .geometry{stroke-width:0;fill-opacity:1}#hit-regions .piece-group.is-locked .geometry{transition:fill-opacity .3s,transform .3s;transform-box:fill-box;transform-origin:center}#hit-regions .piece-group.is-locked:hover .geometry,#hit-regions .piece-group.is-locked:focus-within .geometry{fill-opacity:1;stroke-width:0;transform:scale(1.015)}@media(prefers-reduced-motion:reduce){#hit-regions .geometry{transition:none}}.signature{width:160px;height:auto;line-height:0;letter-spacing:normal}.signature img{display:block;width:100%;height:auto}.scene-copy{bottom:auto;width:min(240px,calc(100vw - 36px))}.scene-copy h1{line-height:1;overflow-wrap:anywhere}.scene-copy p{line-height:1.5;overflow-wrap:anywhere}@media(max-width:650px){.signature{width:140px}}#world .signature,#world .scene-copy{top:0;left:0}#world[data-label-motion] .signature,#world[data-label-motion] .scene-copy{transition:transform var(--label-ms, 1.25s) cubic-bezier(.45,0,.55,1)}.archive-frame-edge{position:fixed;z-index:10;pointer-events:none;background:var(--paper)}#reveal.archive-motion{animation:none;clip-path:inset(50% 0 50% 0);transition:clip-path .34s cubic-bezier(.16,1,.3,1) .34s}#reveal.archive-motion.archive-opening{clip-path:inset(0)}#reveal.archive-motion.archive-closing{clip-path:inset(50% 0 50% 0);transition:clip-path .18s ease}#reveal.archive-motion.archive-opening #reveal-body>*:nth-child(1){animation:archive-content-in .44s cubic-bezier(.16,1,.3,1) .52s both}#reveal.archive-motion.archive-opening #reveal-body>*:nth-child(2){animation:archive-content-in .44s cubic-bezier(.16,1,.3,1) .56s both}#reveal.archive-motion.archive-opening #reveal-body>*:nth-child(3){animation:archive-content-in .44s cubic-bezier(.16,1,.3,1) .62s both}#reveal.archive-motion.archive-opening #reveal-body>*:nth-child(4){animation:archive-content-in .44s cubic-bezier(.16,1,.3,1) .68s both}@keyframes archive-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}#reveal.archive-reduced{animation:none!important;clip-path:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.archive-frame-edge{display:none}#reveal.archive-motion,#reveal.archive-motion.archive-opening,#reveal.archive-motion.archive-closing{clip-path:none;transition:none}#reveal.archive-motion #reveal-body>*{animation:none!important;opacity:1;transform:none}}#reveal-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 5%;align-items:start}#reveal-body .work-header,#reveal-body .work-navigation{grid-column:1 / -1}#reveal-body .work-header{display:flex;align-items:flex-start;justify-content:space-between;min-height:30px}#reveal-body .work-eyebrow{margin:0;font-size:9px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}#reveal #close{position:static;flex:0 0 auto;margin:-14px -14px 0 16px}#reveal-body .work-media{grid-column:1;grid-row:2;margin:0;min-width:0}#reveal-body .work-media--photo .work-image-frame{aspect-ratio:3 / 2}#reveal-body .work-media--graphic .work-image-frame{aspect-ratio:3 / 4}#reveal-body .work-image-frame{position:relative;width:100%;overflow:hidden;background:var(--paper)}#reveal-body .work-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}#reveal-body .work-media--photo .work-image{object-fit:cover}#reveal-body .work-media--graphic .work-image{object-fit:contain}#reveal-body .work-credit{margin:9px 0 0;font:400 9px/1.6 DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}#reveal-body .work-details{grid-column:2;grid-row:2;min-width:0}#reveal-body h2{margin:0 0 20px;font:400 clamp(28px,3.6vw,52px)/.95 "Roboto Mono",monospace;letter-spacing:-.06em}#reveal-body .work-metadata{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;margin:0 0 22px;font-size:11px;line-height:1.5;text-transform:uppercase}#reveal-body .work-metadata dt{letter-spacing:.08em}#reveal-body .work-metadata dd{margin:0}#reveal-body .work-copy{max-width:62ch;margin:0 0 14px;font-size:13px;line-height:1.85}#reveal-body .work-installations{margin:24px 0 0;border-top:1px solid var(--ink);padding-top:12px}#reveal-body .work-installations h3{margin:0 0 8px;font:500 11px Roboto Mono,monospace;text-transform:uppercase;letter-spacing:.08em}#reveal-body .work-installations ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none}#reveal-body .work-installations li{border-bottom:1px solid var(--ink);padding:7px 0;font-size:11px;line-height:1.5}#reveal-body .work-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--ink);padding-top:14px;margin-top:10px}#reveal-body .work-navigation button{border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:10px;text-transform:uppercase;letter-spacing:.04em}#reveal-body .work-count{font-size:10px;white-space:nowrap}#reveal-body.work-switching{opacity:0;transition:opacity .16s ease}#reveal-body:not(.work-switching){transition:opacity .16s ease}@media(max-width:650px){#reveal-body{grid-template-columns:minmax(0,1fr);gap:18px}#reveal-body .work-header,#reveal-body .work-navigation{grid-column:1}#reveal-body .work-media{grid-column:1;grid-row:2}#reveal-body .work-details{grid-column:1;grid-row:3}#reveal-body .work-navigation{grid-row:4}#reveal-body .work-metadata{grid-template-columns:max-content minmax(0,1fr)}#reveal-body .work-navigation{flex-wrap:wrap}}@media(max-width:760px){#reveal:has(.work-header){top:0;right:0;bottom:0;left:0;border-width:0;outline:none;padding:0}#reveal:has(.work-header) #reveal-body{padding:0 18px calc(env(safe-area-inset-bottom,0px) + 24px)}#reveal-body .work-header{position:sticky;top:0;z-index:2;align-items:center;margin:0 -18px;padding:calc(env(safe-area-inset-top,0px) + 10px) 18px 9px;background:var(--paper);border-bottom:1px solid var(--ink)}#reveal-body .work-eyebrow{margin:0}#reveal .work-header #close{margin:0 -6px 0 12px;padding:0 4px;font-size:34px;line-height:1;min-width:44px;min-height:44px}}#reveal:has(.about-panel){top:9%;right:9%;bottom:9%;left:9%;padding:3.5% 4%}#reveal-body:has(.about-panel){display:block;height:100%;min-height:0}.about-panel{height:100%;min-height:0;display:grid;grid-template-columns:minmax(105px,22%) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:12px 5%}.about-header{grid-column:1 / -1;display:flex;align-items:center;gap:16px;min-width:0}.about-kicker,.about-count{margin:0;font-size:10px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.about-kicker{flex:1}#reveal .about-header .about-kicker{flex:1 1 auto;max-width:none}.about-count{white-space:nowrap}.about-panel>h2{grid-column:1 / -1;margin:0!important}.about-rail{grid-column:1;grid-row:3;display:flex;flex-direction:column;align-self:stretch;border-top:1px solid var(--ink)}.about-rail-button{border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);padding:12px 6px;text-align:left;font:inherit;font-size:10px;letter-spacing:.04em}.about-rail-button[aria-current=true]{background:var(--ink);color:var(--paper)}.about-scene{grid-column:2;grid-row:3;min-width:0;min-height:0;overflow:hidden;display:grid;align-content:stretch;opacity:1;transform:none;height:100%;animation:about-scene-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes about-scene-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.about-scene--sobre{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:26px}.about-copy{min-width:0;min-height:0;overflow:auto;padding-right:8px}.about-copy p{margin:0 0 12px;font-size:13px;line-height:1.75}.about-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;list-style:none;margin:12px 0 0;padding:0}.about-lines li{border-top:1px solid var(--ink);padding:7px 0;font-size:10px;line-height:1.45}#reveal .about-image{display:block;width:100%;height:100%;min-height:0;max-height:none;margin:0;object-fit:cover}.about-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:10px 16px}.about-member{min-height:76px;border-top:1px solid var(--ink);padding:8px 4px;position:relative}.about-member-number{font-size:9px;letter-spacing:.1em}.about-member p{margin:5px 0 0;font-size:11px}.about-note{grid-column:1 / -1;margin:4px 0 0;font-size:10px;letter-spacing:.06em}.about-scene--integrantes{display:block}.about-statement{display:flex;flex-direction:column;justify-content:center;gap:20px}.about-statement p{margin:0;max-width:47ch;font:400 clamp(18px,2vw,27px)/1.45 "Roboto Mono",monospace;letter-spacing:-.035em}#reveal .about-header #close{position:static;margin:-10px -6px 0 auto;padding:0 4px;font-size:40px;line-height:1;min-width:44px;min-height:44px}.about-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){#reveal:has(.about-panel){top:0;right:0;bottom:0;left:0;border-width:0;outline:none;padding:0;touch-action:pan-y pinch-zoom}#reveal-body:has(.about-panel){height:auto}.about-panel{display:block;height:auto;padding:0 18px calc(env(safe-area-inset-bottom,0px) + 24px)}.about-header{position:sticky;top:0;z-index:2;gap:10px;margin:0 -18px;padding:calc(env(safe-area-inset-top,0px) + 10px) 18px 9px;background:var(--paper);border-bottom:1px solid var(--ink)}.about-kicker,.about-count{font-size:9px}#reveal .about-header #close{margin:-6px -6px 0 auto}.about-panel>h2{margin:16px 0 14px!important;font-size:clamp(30px,10vw,44px);line-height:.95}.about-rail{flex-direction:row;border-top:0;border-bottom:1px solid var(--ink)}.about-rail-button{flex:1 1 0;border-bottom:0;border-right:1px solid var(--ink);padding:11px 6px;text-align:center;font-size:10px}.about-rail-button:last-child{border-right:0}.about-scene{display:block;height:auto;overflow:visible;padding-top:16px;animation-name:about-scene-in-phone}.about-scene--sobre{display:block}#reveal .about-image{height:auto;aspect-ratio:4 / 3;min-height:0;max-height:none}.about-copy{overflow:visible;padding-right:0}.about-copy p{margin:14px 0 0;font-size:12px;line-height:1.7}.about-lines{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.about-lines li{font-size:10px}.about-roster{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start;gap:10px 14px}.about-member{min-height:72px}.about-member p{font-size:11px}.about-note{margin-top:14px}.about-statement{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}.about-statement p{font-size:clamp(19px,5.4vw,26px);line-height:1.4}}@keyframes about-scene-in-phone{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.about-scene{animation:none!important;opacity:1;transform:none}}#reveal:has(.midi-hub){top:12%;right:24%;bottom:12%;left:24%;padding:3% 4%}#reveal-body:has(.midi-hub){display:block;height:100%;min-height:0}#reveal .midi-hub{height:100%}#reveal .midi-hub-title{margin:24px 0 0;font:400 clamp(30px,3.6vw,42px)/1 "Roboto Mono",monospace;letter-spacing:.04em}#reveal .midi-hub-subtitle{margin:12px 0 0;max-width:none;font-size:11px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;opacity:.8}#reveal .midi-hub-kicker{max-width:none;font-size:10px;line-height:1.5;letter-spacing:.16em}#reveal .midi-hub a{margin:0;font-size:inherit;text-decoration:none}#reveal .midi-hub-icons a{display:grid}#reveal .midi-hub a.midi-hub-card{display:flex;gap:14px;font-size:13px}#reveal .midi-hub>#close{position:absolute;top:-2px;right:-2px;margin:0;padding:0 4px;min-width:44px;min-height:44px;font-size:40px;line-height:1;color:var(--ink)}@media(max-width:760px){#reveal:has(.midi-hub){top:0;right:0;bottom:0;left:0;border-width:0;outline:none;padding:0}#reveal-body:has(.midi-hub){height:auto}#reveal .midi-hub{height:auto;min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 64px) 20px calc(env(safe-area-inset-bottom,0px) + 28px)}#reveal .midi-hub-kicker{top:calc(env(safe-area-inset-top,0px) + 24px);left:20px}#reveal .midi-hub>#close{top:calc(env(safe-area-inset-top,0px) + 4px);right:6px}}#whisper{transition:opacity .42s ease}#whisper:not(.is-visible){opacity:0}.scene-map{position:absolute;z-index:3;bottom:27px;left:50%;display:flex;gap:12px;transform:translate(-50%);mix-blend-mode:difference;color:var(--paper)}.scene-map.is-visually-hidden{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scene-map.is-visually-hidden:focus-within{width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}.scene-map a{width:12px;height:12px;border:1px solid;transition:transform .4s,background .4s}.scene-map a[aria-current]{background:var(--paper);transform:rotate(90deg)}@media(max-width:650px){.scene-map{bottom:25px;gap:9px}.scene-map a{width:10px;height:10px}}