:root{--iris:#2b44ff;--iris-light:#7d8cff;--ink:#0d1117;--snow:#f0f6fc;--graphite:#59636e;--sans:"Inter Variable",Inter,system-ui,sans-serif;--mono:"JetBrains Mono Variable",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--eye-open:path("M8 32 C20 16 44 16 56 32 C44 48 20 48 8 32 Z");--eye-closed:path("M8 32 C20 48 44 48 56 32 C44 48 20 48 8 32 Z")}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000}html.locked{overflow:hidden}body{color:#fff;font:400 13px/1.15 var(--mono);background:#000;margin:0}button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:300;display:flex;color:#ffffffbf;text-transform:uppercase;letter-spacing:-.04em;mix-blend-mode:difference;justify-content:space-between;align-items:baseline;padding:24px;transition:color .6s;inset:0 0 auto}.nav.inverse{color:#000;mix-blend-mode:normal}.nav .col{width:20%}.nav .links{display:flex;flex-direction:column;align-items: flex-end}.nav .progress{text-align:right;white-space:pre}.nav a:hover,.nav [data-sound]:hover{color:#000;outline:none;background:#ffffffbf}.nav a:focus-visible{color:#000;outline:none;background:#ffffffbf}.nav [data-sound]:focus-visible{color:#000;outline:none;background:#ffffffbf}.nav.inverse a:hover,.nav.inverse [data-sound]:hover{color:#fff;background:#000}.sha{text-transform:lowercase;border:1px dotted;border-radius:3px;padding:0 2px}.malfunction{animation:.5s linear infinite rainbow}body.is-backwards .nav{inset:auto 0 0;transform:rotate(180deg)}body.is-twirling .nav{display:none}.redact{position:relative}.gated .redact:before{content:"";position:absolute;animation:1s forwards redact;background:#000;inset:1px 0 1px 2px}.gated .redact.late:before{animation-delay:.25s;right:100%}.gate{position:fixed;z-index:200;display:flex;color:#000;background:#fff;flex-direction:column;justify-content:center;align-items: center;transition:opacity 2s ease-out;inset:0}.gate.leaving{opacity:0;pointer-events:none}.gate-inner{display:flex;text-align:center;flex-direction:column;align-items: center;gap:28px;max-width:820px;margin-top:-14vh;padding:24px}.gate-title{font:italic 900 clamp(72px,13vw,196px)/.86 var(--sans);letter-spacing:-.075em;opacity:0;animation:1.5s forwards fade-up;margin:0;padding:0 .08em .1em 0}.gate-copy{font:450 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:-.04em;margin:0}.gate-copy .token{opacity:0;filter:blur(2px);transition:opacity .25s,filter .25s}.gate-copy.shown .token{opacity:1;filter:none}.enter{position:fixed;aspect-ratio:1;opacity:0;pointer-events:none;border-radius:50%;height:calc(20vh + 20px);bottom:24px;transform:scale(.5)}.enter.ready{pointer-events:auto;animation:1s .3s forwards fade-enter}.enter svg{overflow:visible;width:100%;height:100%}.enter .ring{fill:none;stroke:#000;stroke-width:.8;stroke-dasharray:.8 2.2;transform-origin:50% 50%;transform:scale(0)}.enter.ready .ring-1{animation:.6s .5s forwards scale-in}.enter.ready .ring-2{animation:.6s .8s forwards scale-in}.enter .ring-text{font:500 9px var(--mono);letter-spacing:.12em;fill:#000;transform-origin:50% 50%;animation:30s linear infinite spin}.enter .lid{fill:none;stroke:#000;stroke-width:4;stroke-linejoin:miter;d:var(--eye-closed);transition:d .2s cubic-bezier(.4,0,1,1)}.enter .pupil{fill:var(--iris)}.enter:hover .lid{d:var(--eye-open);transition:d .5s cubic-bezier(.2,0,0,1) 60ms}.enter:focus-visible .lid{d:var(--eye-open);transition:d .5s cubic-bezier(.2,0,0,1) 60ms}.enter:focus-visible{outline:1px dotted #000;outline-offset:4px}.stage{pointer-events:none;user-select:none;height:1880vh}.stage canvas{position:fixed;opacity:0;mix-blend-mode:exclusion;width:100%;height:100%;transition:opacity 1s;inset:0}.stage canvas.shown{opacity:1}.hint{position:fixed;display:flex;z-index:1;mix-blend-mode:difference;flex-direction:column;justify-content:center;align-items: center;gap:1vw;transition:opacity .4s;inset:0}.hint.hidden{opacity:0}.hint svg{overflow:visible;opacity:0;animation:1s .3s infinite pulse;width:min(30vw,320px)}.hint svg:nth-child(2){animation-delay:.33s}.hint svg:nth-child(3){animation-delay:.36s}.hint path{fill:none;stroke:#fff;stroke-width:3}.cta{position:fixed;z-index:250;display:flex;text-transform:uppercase;letter-spacing:-.04em;mix-blend-mode:difference;opacity:0;pointer-events:none;flex-direction:column;align-items: center;gap:20px;bottom:14vh;left:0;right:0}.cta p{margin:0}.cta.live{pointer-events:auto}.cta-buttons{display:flex;gap:12px}.pill{font:13px/1.15 var(--mono);text-transform:uppercase;letter-spacing:-.04em;border:1px dotted;border-radius:999px;padding:2px 12px;transition:transform .2s,background .2s,color .2s}.pill:hover{color:#000;outline:none;background:#fff;transform:scale(1.12)}.pill:focus-visible{color:#000;outline:none;background:#fff;transform:scale(1.12)}.still{display:flex;font:16px/1.6 var(--sans);flex-direction:column;justify-content:center;gap:32px;min-height:100vh;padding:96px max(24px,50vw - 380px)}.still img{width:min(320px,70vw);height:auto}.still-lede{color:#fffc;margin:0;font-size:20px}.still ul{list-style:none;font:13px/2 var(--mono);text-transform:uppercase;letter-spacing:-.02em;color:#ffffffb3;margin:0;padding:0}.js .still,.still-mode .nav,.still-mode .gate,.still-mode .stage,.still-mode .cta{display:none}.js.still-mode .still{display:flex}@media (max-width:1023px){.nav{padding:16px}.nav .commit,.nav .spacer{display:none}.nav .logo,.nav .links{width:auto}.nav .progress{position:fixed;width:200px;top:170px;left:-78px;transform:rotate(-90deg)}}@keyframes redact{0%{right:100%}to{right:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes scale-in{to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,49%{opacity:0}50%{opacity:1}90%,to{opacity:0}}@keyframes rainbow{0%{color:#ff4d4d}33%{color:#ffd84d}66%{color:#4dffb8}to{color:#7d8cff}}
