:root{--paper: #f2efe9;--ink: #1a1a1a;--ink-dim: #6f6d68;--ink-faint: #a3a099;--accent: #b3221f;--hair: rgba(26, 26, 26, .16);--sans: "Helvetica Neue", Inter, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html,body{overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.label{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}#stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#stage canvas,#stage div{touch-action:pan-y!important;pointer-events:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}#overlays{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}#rail{position:relative;z-index:1;pointer-events:none}.nav{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.5rem clamp(1.25rem,4vw,3rem);pointer-events:none}.nav>*{pointer-events:auto}.nav .mark{display:flex;align-items:center;gap:.7rem;font-family:var(--sans);font-weight:600;letter-spacing:.34em;font-size:.86rem;color:var(--ink);text-decoration:none}.nav .links{display:flex;gap:2.6rem}.nav .links a{color:var(--ink);text-decoration:none;opacity:.72;transition:opacity .25s ease,color .25s ease}.nav .links a:hover{opacity:1;color:var(--accent)}.nav .btn{display:inline-flex;align-items:center;gap:.8rem;border:1px solid var(--ink);color:var(--ink);text-decoration:none;padding:.72rem 1.3rem;transition:background .25s ease,color .25s ease,transform .16s cubic-bezier(.23,1,.32,1)}.nav .btn:hover{background:var(--ink);color:var(--paper)}.nav .btn:active{transform:scale(.97)}.steps{position:fixed;top:4.6rem;left:50%;translate:-50% 0;z-index:10;display:flex;align-items:center;gap:.9rem;color:var(--ink-dim)}.steps b{color:var(--accent);font-weight:500;min-width:2ch}.steps span{display:flex;gap:.45rem}.steps i{display:block;width:26px;height:1px;background:var(--hair);transition:background .4s ease,transform .4s ease}.steps i.on{background:var(--accent);transform:scaleY(2)}.steps .dim{color:var(--ink-faint)}.scene{position:absolute;top:47%;translate:0 -50%;max-width:46ch;visibility:hidden;will-change:transform,opacity,filter}.side-left{left:clamp(1.25rem,5vw,4.5rem)}.side-right{right:clamp(1.25rem,5vw,4.5rem);text-align:right}.side-right .kicker{justify-content:flex-end}.side-center{left:50%;translate:-50% -50%;text-align:center;max-width:none;width:min(92vw,48rem)}.side-center .kicker{justify-content:center}.kicker{display:flex;align-items:center;gap:.8rem;color:var(--accent)}.kicker i{display:block;width:0;height:1px;background:var(--accent);transition:width .9s cubic-bezier(.23,1,.32,1) .1s}.scene.on .kicker i{width:30px}.scene h2{margin-top:1.4rem;font-size:clamp(1.9rem,min(4.4vw,7.2vh),3.9rem);font-weight:500;line-height:1.06;letter-spacing:-.02em;text-wrap:balance}.scene p{margin-top:1.4rem;font-size:.95rem;line-height:1.8;font-weight:300;color:var(--ink-dim)}.scene h2,.scene p{text-shadow:0 0 14px rgba(242,239,233,.7)}.scene p{color:#55534e}.scene .kicker,.scene .cta{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}.scene.on .kicker,.scene.on .cta{opacity:1;transform:none}.scene.on .cta{transition-delay:.34s}.scene h2 .ln,.scene p .ln{display:block;overflow:hidden}.scene h2 .ln>span,.scene p .ln>span{display:block;transform:translateY(112%);transition:transform .85s cubic-bezier(.23,1,.32,1)}.scene.on h2 .ln>span,.scene.on p .ln>span{transform:none}.cta{pointer-events:auto;display:inline-flex;align-items:center;gap:1rem;margin-top:2.4rem;padding:.95rem 1.7rem;background:var(--accent);color:var(--paper);text-decoration:none;font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;transition:transform .16s cubic-bezier(.23,1,.32,1),background .25s ease}.cta:hover{background:#9c1d1a}.cta:active{transform:scale(.97)}.motto{margin-top:2.6rem;color:var(--ink-faint);font-size:.58rem;letter-spacing:.18em;opacity:0;transition:opacity .9s ease .5s}.scrollcue{position:fixed;bottom:1.6rem;left:50%;translate:-50% 0;z-index:4;display:flex;align-items:center;gap:.7rem;color:var(--ink-dim);transition:opacity .6s ease}body[data-beat="7"] .motto{margin-top:2.6rem;color:var(--ink-faint);font-size:.58rem;letter-spacing:.18em;opacity:0;transition:opacity .9s ease .5s}.scene.on .motto{opacity:1}.scrollcue{opacity:0}.hud-corner{position:absolute;display:flex;gap:.8rem;align-items:flex-start;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#1a1a1a9e;line-height:1.7}.hud-coords{left:clamp(1.25rem,4vw,3rem);top:7.4rem}.hud-heading{left:clamp(1.25rem,4vw,3rem);bottom:2rem}.hud-status{right:clamp(1.25rem,4vw,3rem);bottom:7rem;text-align:left}.hud-corner svg{overflow:visible}.hud-corner svg circle,.hud-corner svg line,.hud-corner svg path{fill:none;stroke:#1a1a1a66;stroke-width:1}.hud-corner .needle{fill:var(--accent);stroke:none}.hud-corner .north{fill:#1a1a1a8c;stroke:none;font-size:7px;letter-spacing:0}.hud-corner .is-red{color:var(--accent)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:4px;animation:pulse 2.2s ease-in-out infinite}.ring-holder,.callout{position:absolute;top:0;left:0;will-change:transform;transition:opacity .4s ease}.ring-holder{translate:0 0}.ring-holder .signal-ring{translate:-50% -50%;display:block}.signal-ring .ring{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:1.5 4;opacity:.35}.signal-ring .ping{stroke-dasharray:none;opacity:0;transform-origin:center;animation:ping 3.2s ease-out infinite}.signal-ring .dot{fill:var(--accent)}.callout{font-family:var(--mono)}.callout .leader{display:block;height:1px;background:#1a1a1a66;transform-origin:left}.callout .callout-body{display:flex;flex-direction:column;gap:2px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#1a1a1ac7;white-space:nowrap}.callout.is-red .callout-body span:first-child{color:var(--accent)}.hub-radial svg line{stroke:#1a1a1a66;stroke-width:1}.hub-radial svg rect{fill:none;stroke:#1a1a1a66}.hub-radial svg text{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;fill:#1a1a1ac7}.hub-radial .arm{opacity:0;transition:opacity .6s ease}body[data-beat="4"] .hub-radial .arm{opacity:1}.callout,.ring-holder{opacity:0!important}body[data-beat="1"] [data-anchor=b1],body[data-beat="2"] [data-anchor=b1],body[data-beat="2"] [data-anchor=b2],body[data-beat="3"] [data-anchor=b2],body[data-beat="3"] [data-anchor=b3],body[data-beat="4"] [data-anchor=hub],body[data-beat="5"] [data-anchor=n09],body[data-beat="5"] [data-anchor=n12],body[data-beat="6"] [data-anchor=n12],body[data-beat="7"] .ring-holder[data-anchor=dest]{opacity:1!important}body[data-beat="5"] .hud-heading{opacity:.35}@keyframes ping{0%{opacity:.45;transform:scale(.3)}70%{opacity:.08;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}#flota{position:relative;z-index:4;background:var(--paper);border-top:1px solid var(--hair);padding:clamp(4rem,9vh,7rem) clamp(1.25rem,5vw,4.5rem) 0}#flota .flota-head{max-width:60ch}#flota h2{margin-top:1.4rem;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:500;letter-spacing:-.02em;line-height:1.1}#flota .flota-sub{margin-top:1.2rem;color:var(--ink-dim);font-weight:300;line-height:1.75;max-width:44ch}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:3.2rem}.ship{position:relative;background:var(--paper);padding:2rem 1.8rem 2.2rem;display:flex;flex-direction:column;gap:1rem}.ship .reg{display:flex;justify-content:space-between;color:var(--ink-dim)}.ship .reg b{color:var(--accent);font-weight:500}.ship h3{font-size:1.5rem;font-weight:500;letter-spacing:-.01em}.ship p{color:var(--ink-dim);font-weight:300;line-height:1.7;font-size:.92rem;flex:1}.ship .spec{display:flex;flex-direction:column;gap:.35rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#1a1a1a8c;border-top:1px solid var(--hair);padding-top:1rem}.ship .spec i{font-style:normal;color:var(--accent)}.ship .go{display:inline-flex;align-items:center;gap:.8rem;align-self:flex-start;margin-top:.4rem;padding:.8rem 1.3rem;border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .16s cubic-bezier(.23,1,.32,1)}.ship .go:hover{background:var(--ink);color:var(--paper)}.ship .go:active{transform:scale(.97)}.ship .go.live{background:var(--accent);border-color:var(--accent);color:var(--paper)}.ship .go.live:hover{background:#9c1d1a}#pie{position:relative;z-index:4;background:var(--paper);display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:4rem clamp(1.25rem,5vw,4.5rem) 3rem}#pie .col{max-width:40ch;color:var(--ink-dim);font-weight:300;font-size:.88rem;line-height:1.75}#pie strong{display:block;color:var(--ink);font-weight:500;margin-bottom:.6rem;letter-spacing:.02em}#pie a{color:var(--ink)}body.past-film .steps,body.past-film .scrollcue,body.past-film #hud,body.past-film #overlays{opacity:0;pointer-events:none;transition:opacity .5s ease}.steps,.scrollcue,#hud{transition:opacity .5s ease}body .vg-hail{background:#f2efe9f0;border:1px solid var(--ink);color:var(--ink);box-shadow:0 10px 30px #1a1a1a1a;backdrop-filter:none;-webkit-backdrop-filter:none}body .vg-hail:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}body .vg-hail:hover .txt span{color:#f2efe9b8}body .vg-hail:hover .lamp{color:#ff5a50}body .vg-hail .txt b{color:currentColor}body .vg-hail .txt span{color:var(--ink-dim);transition:color .25s ease}body .vg-hail .lamp:after{border-color:#b3221f73}body .vg-nudge{background:var(--paper);border:1px solid var(--hair);border-left:2px solid var(--accent);color:var(--ink-dim);box-shadow:0 10px 30px #1a1a1a1a}body .vg-nudge b{color:var(--ink)}@media(pointer:coarse){body .vg-field textarea{font-size:16px!important}body .vg-chip{font-size:.86rem}}body .vg-panel{background:var(--paper);border:1px solid rgba(26,26,26,.35);border-top:2px solid var(--accent);box-shadow:0 30px 80px #1a1a1a29}body .vg-who .lamp{border-color:#b3221f66}body .vg-ficha,body .vg-verdict{border-color:#1a1a1a33;background:#b3221f08}body .vg-chip.on{background:#b3221f12}.graticule{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s ease}body[data-beat="5"] .graticule{opacity:1}.nav-right{display:flex;align-items:center;gap:1.4rem}.snd{display:inline-flex;align-items:center;gap:.55rem;background:none;border:0;cursor:pointer;color:var(--ink);opacity:.55;transition:opacity .25s ease,color .25s ease}.snd:hover{opacity:1}.snd[data-on="1"]{color:var(--accent);opacity:1}.snd:not([data-on="1"]) .wave{opacity:.25}@media(max-height:820px){.hud-heading,.hud-status{opacity:.3}}@media(max-width:900px){.nav .links{display:none}.steps{top:4.2rem}.scene{top:42%;max-width:min(46ch,calc(100vw - 2.5rem))}.side-right{text-align:left}.side-right .kicker{justify-content:flex-start}.side-right{right:auto;left:1.25rem}.side-center{width:calc(100vw - 2.5rem)}.hud-coords,.callout,.hud-heading,.hud-status{display:none}.scene p{font-size:.9rem;line-height:1.7}}@media(prefers-reduced-motion:reduce){.signal-ring .ping,.pulse-dot{animation:none}.scene .kicker,.scene .cta,.scene h2 .ln>span,.scene p .ln>span{transition-duration:.01s}}