:root{--bg:#041029;--ink:#e8f1ff;--ink-dim:#c8dcff9e;--cyan:#59d9ff;--ember:#ff6b24;--font-display:"Instrument Serif", "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-body:"Outfit", system-ui, sans-serif;--edge:clamp(1.25rem, 3vw, 2.75rem);--h1-size:min(clamp(2.2rem, .8rem + 3.6vw, 4.6rem), 8.4vw);--ease-out:cubic-bezier(.16, 1, .3, 1);--copy-bottom:clamp(4.5rem, 11vh, 7.5rem)}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body{font-family:var(--font-mono);overflow-x:hidden}.nav{z-index:10;padding:1.4rem var(--edge);letter-spacing:.04em;pointer-events:none;justify-content:space-between;align-items:center;font-size:.78rem;display:flex;position:fixed;inset:0 0 auto}.wordmark{pointer-events:auto;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-weight:500;text-decoration:none}.wordmark span{color:var(--cyan)}.wordmark:focus-visible{outline:1px solid var(--cyan);outline-offset:6px}.nav-meta{color:var(--ink-dim)}.hero{height:100svh;min-height:560px;position:relative;overflow:hidden}#stage{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}#stage:active{cursor:grabbing}.hero-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#020612d9 100%),linear-gradient(#0000 68%,#030a1ce6 100%);position:absolute;inset:0}.hero-copy{left:var(--edge);bottom:var(--copy-bottom);pointer-events:none;max-width:min(52rem,92vw);position:absolute}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:.6rem;margin-bottom:1.1rem;font-size:.72rem;display:inline-flex}.dot{background:var(--ember);width:6px;height:6px;box-shadow:0 0 12px var(--ember);border-radius:50%;animation:2.4s ease-in-out infinite beat}h1{font-family:var(--font-display);font-weight:400;font-size:var(--h1-size);letter-spacing:-.02em;line-height:.92}.w{--i:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out), filter .9s var(--ease-out);transition-delay:calc(var(--i) * 70ms + .25s);display:inline-block}h1 .line{white-space:nowrap;display:block}h1 em{color:var(--cyan);text-shadow:0 0 40px #59d9ff73}.h1-count{display:inline-block;position:relative}.sub{max-width:32rem;font-family:var(--font-body);color:var(--ink-dim);margin-top:1.4rem;font-size:clamp(.95rem,.85rem + .3vw,1.1rem);font-weight:300;line-height:1.6}.sub-line{transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);display:block}.sub-line--fail,.sub-line--resolve{color:var(--ink);font-weight:400}.sub-line--resolve{transition-delay:.9s}.js .hero:not([data-phase=done]) .w:not(.w--lead),.js .hero:not([data-phase=done]) .sub-line--resolve,.js .hero:not([data-phase=done]) .hero-credit{opacity:0;filter:blur(8px);transform:translateY(.35em)}.js .hero[data-phase=count] .sub-line--fail{opacity:0;transform:translateY(.5em)}.hero-credit{transition:opacity 1s 2s}.hero[data-phase=climax] .h1-count,.hero[data-phase=done] .h1-count{animation:3.6s ease-out both glow}@keyframes glow{0%{color:var(--ink);text-shadow:none}12%,30%{color:#fff;text-shadow:0 0 14px #fff, 0 0 36px var(--cyan), 0 0 90px #59d9ffb3}to{color:var(--ink);text-shadow:0 0 #0000}}.hero-caption,.hero-credit{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;font-size:.68rem;position:absolute;bottom:1.6rem}.hero-caption{left:var(--edge);gap:1.4rem;display:flex}.hero-caption span+span:before{content:"";vertical-align:middle;background:#59d9ff66;width:1.4rem;height:1px;margin-right:1.4rem;display:inline-block}.hero-credit{right:var(--edge);pointer-events:auto;align-items:center;gap:.9rem;display:flex}.credit-link{color:var(--ink);text-decoration:none;transition:color .2s}.credit-link:hover{color:var(--cyan)}.credit-link:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.credit-sep{opacity:.4}.credit-co{text-transform:none;letter-spacing:.04em;align-items:center;gap:.5rem;display:inline-flex}.credit-logo{border-radius:4px;display:inline-flex}.credit-logo img{opacity:.85;width:auto;height:1.65rem;transition:opacity .2s,filter .2s}.credit-logo:hover img{opacity:1;filter:drop-shadow(0 0 8px #59d9ff99)}.credit-logo:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.hero-controls{pointer-events:auto;right:var(--edge);bottom:var(--copy-bottom);z-index:5;gap:.75rem;display:flex;position:fixed}.ctrl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:3.5rem;height:3.5rem;color:var(--ink);cursor:pointer;transition:background .25s, border-color .25s, transform .25s var(--ease-out);background:#03081680;border:1px solid #c8dcff24;border-radius:50%;place-items:center;padding:0;display:grid}.ctrl:hover{background:#030816b8;border-color:#59d9ff73;transform:scale(1.06)}.ctrl:active{transform:scale(.96)}.ctrl:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.ctrl svg{fill:currentColor;width:1.15rem;height:1.15rem}.ctrl .wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.rotate-toggle[aria-pressed=true] .icon-play,.rotate-toggle[aria-pressed=false] .icon-pause,.sound-toggle[aria-pressed=true] .icon-off,.sound-toggle[aria-pressed=false] .icon-on{display:none}.sound-toggle[aria-pressed=false]:after{content:"";border:1px solid var(--cyan);animation:invite 2.6s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:-1px}.sound-toggle{position:relative}@keyframes invite{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes beat{50%{opacity:.6;transform:scale(1.6)}}@media (width<=700px){.nav-meta,.hero-caption{display:none}.hero-controls{gap:.5rem;margin-bottom:1.1rem;position:static}.ctrl{width:2.2rem;height:2.2rem}.ctrl svg{width:.8rem;height:.8rem}.hero-credit{justify-content:center;left:0;right:0}.hero-caption span:not(:last-child),.hero-caption span+span:before{display:none}}@media (prefers-reduced-motion:reduce){.dot,.sound-toggle:after{animation:none}.w,.sub-line{transition-property:opacity}}