:root{--bg:#06080d;--bg-2:#0b1220;--ink:#f3efe7;--ink-2:#b9b4aa;--ink-3:#8d887f;--accent:#2ee6a6;--accent-2:#10b981;--amber:#ffb86b;--line:#f3efe71f;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(16px, 4vw, 56px);--bar:0px;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--bg);min-height:100dvh;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{z-index:100;background:var(--ink);color:var(--bg);transition:transform .2s var(--ease-out);border-radius:8px;padding:10px 14px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}.stage{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%, var(--bg-2), var(--bg) 70%);position:fixed;inset:0;overflow:hidden}.film-canvas{width:100%;height:100%;display:block}.grain{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.vignette{background:radial-gradient(130% 100%,#0000 55%,#000000bf);position:absolute;inset:0}.letterbox{height:var(--bar);z-index:2;background:#000;position:absolute;left:0;right:0}.letterbox--top{top:0}.letterbox--bottom{bottom:0}.hud{z-index:20;padding:max(14px, env(safe-area-inset-top)) var(--gutter) 14px;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.02em;align-items:center;gap:10px;min-height:44px;font-weight:600;text-decoration:none;display:inline-flex}.brand svg{width:26px;height:26px;fill:var(--accent)}.brand__tech{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.18em;margin-left:6px;font-size:.8em;font-weight:400}.hud__controls{align-items:center;gap:10px;display:flex}.play,.hud__cta{border:1px solid var(--line);backdrop-filter:blur(8px);min-height:44px;color:var(--ink);font:500 14px/1 var(--sans);cursor:pointer;background:#06080d8c;border-radius:999px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.play:hover,.hud__cta:hover{border-color:#2ee6a699}.play:active,.hud__cta:active{transform:scale(.97)}.play svg{fill:currentColor;width:16px;height:16px}.hud__cta{background:var(--accent);border-color:var(--accent);color:#03130d;font-weight:600}.credits{left:var(--gutter);right:var(--gutter);bottom:calc(var(--bar) + max(14px, env(safe-area-inset-bottom)));z-index:20;font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:bottom .3s var(--ease-out);justify-content:space-between;gap:16px;display:flex;position:fixed}.cue{left:50%;bottom:calc(var(--bar) + 64px);z-index:20;font:500 11px/1.4 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.cue svg{fill:none;width:20px;height:20px;stroke:var(--accent);stroke-width:1.6px;animation:cue 1.6s var(--ease-out) infinite}@keyframes cue{0%,to{opacity:.6;transform:translateY(-3px)}50%{opacity:1;transform:translateY(4px)}}.static .cue{display:none}.reel{z-index:21;background:#f3efe70f;height:2px;position:fixed;bottom:0;left:0;right:0}.reel__bar{transform-origin:0;background:linear-gradient(90deg, var(--accent-2), var(--accent));width:100%;height:100%;transform:scaleX(0)}.film{z-index:10;position:relative}.scene{height:190vh;position:relative}.scene--final{height:160vh}.scene__copy{max-width:min(640px,100%);height:100dvh;padding:96px var(--gutter);will-change:opacity, transform;flex-direction:column;justify-content:center;gap:18px;display:flex;position:sticky;top:0}.scene__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#06080d9e,#06080d00);position:absolute;inset:10% -10%}.scene__copy--right{text-align:right;align-items:flex-end;margin-left:auto}.scene__copy--center{text-align:center;align-items:center;max-width:min(860px,100%);margin:0 auto}.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0}.title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 30px #0009;margin:0;font-size:clamp(40px,7.2vw,96px);font-weight:400;line-height:.98}.title em{color:var(--accent);font-style:italic}.lede{max-width:52ch;color:var(--ink-2);text-shadow:0 1px 16px #000c;margin:0;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.hint{font:400 13px/1.5 var(--mono);color:var(--ink-3);margin:12px 0 0}.hint strong{color:var(--ink);font-weight:500}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.button{min-height:52px;font:600 16px/1 var(--sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button:active{transform:scale(.97)}.button--primary{background:var(--accent);color:#03130d;border:0;box-shadow:0 0 #2ee6a680,0 10px 40px -10px #2ee6a699}.button--primary:hover{background:#5cf0bb}.button--ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.button--ghost:hover{border-color:#f3efe766}.footer{font:400 12px/1.5 var(--mono);color:var(--ink-3);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:48px;display:flex}@media (width<=768px){.hud__cta{display:none}.scene__copy,.scene__copy--right{text-align:left;padding-bottom:calc(18vh + var(--bar));justify-content:flex-end;align-items:flex-start;margin:0}.scene__copy--center{text-align:center;justify-content:center;align-items:center;padding-bottom:96px}.credits__scene{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}}.static .stage,.static .grain{animation:none}.static .scene{height:auto;min-height:100dvh}.static .scene__copy{height:auto;min-height:100dvh;position:relative}.static .reel,.static .credits,.static .play{display:none}@media (prefers-reduced-motion:reduce){.grain{animation:none}html{scroll-behavior:auto}}