:root{--paper: #F2F0EB;--paper-2: #E8E5DE;--ink: #121212;--mute: #6F6B64;--line: #D6D2C9;--red: #E0301E;--display: "Archivo", "Helvetica Neue", Arial, sans-serif;--body: "Geist", "Helvetica Neue", Arial, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace;--pad: clamp(16px, 3vw, 40px);--bar: 64px;--col: 40vw;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}html.locked,html.locked body{overflow:hidden}body{margin:0;font:400 16px/1.55 var(--body);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}img,video,canvas{display:block;max-width:100%}a{color:inherit}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.skip{position:absolute;left:12px;top:-60px;z-index:1000;background:var(--ink);color:var(--paper);padding:10px 14px;text-decoration:none}.skip:focus{top:12px}.mono{font:500 11.5px/1.45 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.bar{position:fixed;inset:0 0 auto;height:var(--bar);z-index:700;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--pad);background:#f2f0ebdb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.bar__mark{font:800 15px/1 var(--display);font-stretch:118%;letter-spacing:-.01em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.bar__mark sup{font:500 9px var(--mono);margin-left:2px;vertical-align:top}.bar__nav{display:flex;align-items:center;gap:24px}.bar__link,.bar__sound{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 0;background:none;border:0;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.bar__link:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.bar__link:hover:after{transform:scaleX(1);transform-origin:left}.bar__sound{padding:10px 14px;border:1px solid var(--ink);border-radius:999px;transition:background .25s,color .25s}.bar__sound[hidden]{display:none}.bar__sound:hover{background:var(--ink);color:var(--paper)}.eq{display:inline-flex;align-items:end;gap:2px;height:12px}.eq i{width:2px;height:3px;background:var(--red);transition:height .3s var(--ease)}.bar__sound[aria-pressed=true] .eq i{animation:eq 1s ease-in-out infinite}.bar__sound[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.bar__sound[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}.bar__sound[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.stack{position:relative;height:100svh;overflow:hidden;background:var(--paper)}.stack__frame{position:absolute;top:0;right:0;bottom:0;left:0}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper);will-change:clip-path}.scene:not(.scene--first){clip-path:circle(0vmax at 70% 52%)}.scene__glow{position:absolute;top:18%;bottom:10%;left:calc(var(--col) + 6vw);right:6vw;width:auto;height:auto;max-width:none;filter:blur(70px) saturate(1.4);opacity:.38;mix-blend-mode:multiply;transform:translateZ(0)}.scene__media{position:absolute;top:calc(var(--bar) + 3vh);bottom:4vh;left:var(--col);right:var(--pad);transform-origin:50% 52%;will-change:transform}.scene__media>img,.scene__media>video,.scene__media>canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.scene__video{opacity:0;transition:opacity 1.2s var(--ease)}.scene.live .scene__video{opacity:1}.scene__sketch{transition:opacity .9s var(--ease);max-width:none}.scene__sketch.done{opacity:0}html.js .scene__still.wait{visibility:hidden}.scene__cap{position:absolute;z-index:2;left:var(--pad);width:calc(var(--col) - 2 * var(--pad));bottom:14vh}.scene__n{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--ink)}.scene__n i{flex:0 0 48px;height:1px;background:var(--red)}.scene__t{font:800 clamp(32px,3.9vw,76px)/.92 var(--display);font-stretch:112%;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}.scene__sub{font:400 clamp(18px,1.5vw,24px)/1.2 var(--body);color:var(--mute);margin-top:12px}.scene__k{margin-top:18px}.scene__more{display:inline-block;margin-top:26px;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--red);text-decoration:none}.scene__more:hover{text-decoration:underline;text-underline-offset:4px}.scene__cap>*{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform 1s var(--ease)}.scene.on .scene__cap>*{opacity:1;transform:none}.scene.on .scene__cap>:nth-child(2){transition-delay:.07s}.scene.on .scene__cap>:nth-child(3){transition-delay:.14s}.scene.on .scene__cap>:nth-child(4){transition-delay:.21s}.scene.on .scene__cap>:nth-child(5){transition-delay:.28s}.stack__cue,.stack__count{position:absolute;z-index:5;bottom:22px;margin:0;color:var(--ink)}.stack__cue{left:50%;translate:-50% 0;opacity:0;transition:opacity 1s var(--ease) .8s;display:flex;align-items:center;gap:12px}.stack__cue.on{opacity:1}.stack__cue:after{content:"";width:34px;height:1px;background:var(--red);transform-origin:left;animation:drip 2.2s var(--ease) infinite}@keyframes drip{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.stack__count{right:var(--pad)}.stack__progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:2px;background:var(--line)}.stack__progress b{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.gate{position:absolute;z-index:10;left:var(--pad);width:calc(var(--col) - 2 * var(--pad));top:calc(var(--bar) + 3vh);bottom:6vh;display:flex;flex-direction:column;justify-content:center;transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.gate.gone{opacity:0;transform:translateY(-16px);pointer-events:none}.gate__kicker{display:flex;justify-content:space-between;color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--ink);margin-bottom:3vh}.gate__kicker span{color:var(--red)}.gate__name{font:900 calc((var(--col) - 2 * var(--pad)) / 6.4)/.84 var(--display);font-stretch:125%;letter-spacing:-.045em;text-transform:uppercase;margin-bottom:3vh}.gate__name span{display:block}.gate__line{font:400 clamp(17px,1.35vw,21px)/1.4 var(--body);max-width:34ch;margin-bottom:3.4vh}.gate__meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:3.4vh}.gate__meter .mono{color:var(--ink);font-variant-numeric:tabular-nums}.gate__meter i{display:block;height:1px;background:var(--line)}.gate__meter b{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.gate__btns{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.gate__enter{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:26px;align-items:center;text-align:left;padding:18px 26px;border:0;border-radius:999px;cursor:pointer;background:var(--ink);color:var(--paper);transition:background .35s var(--ease),opacity .6s var(--ease),transform .2s var(--ease)}.gate__enter .en{font:500 13px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.gate__enter .it{grid-row:2;font:400 13px/1.2 var(--body);opacity:.6;margin-top:6px}.gate__enter .arr{grid-row:1 / span 2;grid-column:2;font-size:18px;transition:transform .35s var(--ease)}.gate__enter:not(:disabled):hover{background:var(--red)}.gate__enter:not(:disabled):hover .arr{transform:translate(3px,-3px)}.gate__enter:not(:disabled):active{transform:scale(.98)}.gate.ready .gate__enter{animation:breathe 2.6s ease-out infinite}@keyframes breathe{0%{box-shadow:0 0 #e0301e59}to{box-shadow:0 0 0 18px #e0301e00}}.gate__enter:disabled,.gate__quiet:disabled{opacity:.3;cursor:default}.gate__quiet{background:none;border:0;padding:12px 0;cursor:pointer;font:500 12px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute);text-decoration:underline;text-underline-offset:4px}.gate__quiet:not(:disabled):hover{color:var(--ink)}.gate__note{margin-top:3vh}.foot{background:var(--ink);color:var(--paper)}.foot__main{padding:clamp(70px,9vw,120px) var(--pad) 28px}.foot .mono{color:#f2f0eb8c}.foot__big{margin:18px 0 clamp(50px,7vw,90px);font:900 min(11.6vw,180px)/.84 var(--display);font-stretch:124%;letter-spacing:-.05em;text-transform:uppercase}.foot__big a{text-decoration:none;transition:color .35s}.foot__big a:hover{color:var(--red)}.foot__row{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:22px;border-top:1px solid rgba(242,240,235,.2);font-size:15px}.foot__row a{text-decoration:none;padding:8px 0}.foot__row a:hover{color:var(--red)}.foot__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:60px;padding-left:60px}@media(max-width:820px){:root{--bar: 56px}.bar__nav{gap:16px}.bar__link:nth-child(2){display:none}.scene:not(.scene--first){clip-path:circle(0vmax at 50% 40%)}.scene__media{top:calc(var(--bar) + 12px);left:var(--pad);right:var(--pad);bottom:214px;transform-origin:50% 40%}.scene__glow{top:14%;bottom:30%;left:10%;right:10%}.scene__cap{left:var(--pad);right:var(--pad);width:auto;bottom:72px}.scene__n{margin-bottom:12px}.scene__t{font-size:clamp(26px,8.4vw,44px)}.scene__sub{font-size:16px;margin-top:6px}.scene__k{margin-top:10px}.scene__more{margin-top:12px}.gate{left:0;right:0;width:auto;top:auto;bottom:0;display:block;padding:46px var(--pad) 26px;background:linear-gradient(to bottom,rgba(242,240,235,0),var(--paper) 40px)}.gate.gone{transform:translateY(16px)}.gate__kicker{margin-bottom:14px}.gate__name{font-size:13.6vw;margin-bottom:12px}.gate__line{font-size:15px;margin-bottom:14px}.gate__meter{margin-bottom:16px}.gate__btns{gap:4px 18px;justify-content:flex-end}.gate__enter{flex:1 1 100%}.gate__note,.stack__cue{display:none}.foot__base{padding-left:54px}}@media(max-width:820px)and (max-height:700px){.gate__line{display:none}.gate__name{font-size:12.4vw}}@media(max-width:400px){.bar__sound #soundLbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bar__sound{padding:12px 14px}}@media(prefers-reduced-motion:reduce){.stack__cue:after,.gate.ready .gate__enter,.bar__sound .eq i{animation:none!important}.scene__cap>*{transition:none}}
