:root{--ink:#241c0a;--ink-soft:#5a4c2c;--paper:#f8f1d6eb;--line:#3c2d0a2e;--exit:#c8321e;--sans:"Archivo", system-ui, sans-serif;--mono:"VT323", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#1a1608;margin:0}a{color:inherit}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#flash{opacity:0;pointer-events:none;z-index:40;background:#fffdf2;position:fixed;inset:0}#loader{z-index:50;color:#eae6d8;font-family:var(--mono);text-align:center;background:#050505;place-content:center;gap:14px;font-size:28px;transition:opacity .8s;display:grid;position:fixed;inset:0}#loader p{letter-spacing:.08em;margin:0}#loader .loader-sub{opacity:.6;font-size:20px;animation:1s steps(2,end) infinite blink}.loader-bar{background:#222;width:min(280px,70vw);height:4px}#loader-progress{background:#eae6d8;width:0;height:100%;transition:width .2s;display:block}#loader.is-done{opacity:0;pointer-events:none}@keyframes blink{50%{opacity:0}}.top{z-index:20;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-.02em;text-transform:uppercase;font-size:18px;font-weight:800;text-decoration:none}.brand span{font-weight:400}.ghost{font:500 13px/1 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:10px 14px}.ghost[aria-pressed=true]{background:var(--ink);color:#f8f1d6}.hud{z-index:15;pointer-events:none;font-family:var(--mono);color:#fffef4;text-shadow:2px 2px #0000008c;justify-content:space-between;align-items:flex-end;padding:16px clamp(16px,4vw,48px);font-size:26px;line-height:1;display:flex;position:fixed;bottom:0;left:0;right:0}.hud small{font-size:.75em}.hud-time{justify-items:end;gap:4px;display:grid}main{z-index:10;position:relative}.chapter{align-items:flex-start;min-height:160svh;padding:0 clamp(16px,6vw,96px);display:flex}.chapter:nth-child(odd){justify-content:flex-end}.hero{align-items:center;min-height:100svh;justify-content:flex-start!important}.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f6ecc8e6 0%,#f6ecc88c 38%,#f6ecc800 62%);height:100svh;position:absolute;inset:0 0 auto}.hero-copy{max-width:560px;position:relative}.eyebrow,.num{font:500 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px}h1{letter-spacing:-.045em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(56px,9vw,120px);font-weight:800;line-height:.88}.lede{max-width:30em;margin:0 0 30px;font-size:clamp(17px,1.5vw,20px);line-height:1.5}.cta-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.btn{font:700 15px/1 var(--sans);cursor:pointer;background:var(--ink);color:#f8f1d6;border:0;border-radius:2px;padding:16px 22px;text-decoration:none;display:inline-block}.btn:hover{background:#000}.scroll-hint{color:var(--ink-soft);font-size:13px}.card{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:100%;max-width:420px;margin-top:24svh;padding:28px 28px 24px;transition:opacity .7s,transform .7s;position:sticky;top:24svh;transform:translateY(28px);box-shadow:0 20px 50px -24px #281c0080}.is-in .card{opacity:1;transform:none}.is-in .card.worn{transform:rotate(-.6deg)}.card h2{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(26px,2.6vw,34px);line-height:1.05}.card p{margin:0 0 14px;line-height:1.55}.specs{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:18px 0 0;display:grid}.specs div{background:#fffceeb3;padding:10px 12px}.specs dt{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.specs dd{margin:4px 0 0;font-size:17px;font-weight:700}.specs small{font-size:12px;font-weight:400}.notice{font-family:var(--mono);color:var(--exit);font-size:22px;animation:1.6s steps(2,end) infinite blink}.exit{min-height:140svh}.exit-card{border-top:4px solid var(--exit)}.btn-exit{background:var(--exit);margin:6px 0 16px}.btn-exit:hover{background:#a22512}.fine,.credits{color:var(--ink-soft);font-size:12px;line-height:1.5!important}.credits{margin:0!important}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);pointer-events:none;opacity:.8;position:absolute;inset:0}.glitch:before{color:#e0301e;animation:3.1s step-end infinite glitch}.glitch:after{color:#1e6ee0;animation:2.3s step-end infinite reverse glitch}@keyframes glitch{0%,86%,to{clip-path:inset(0 0 100%);transform:none}88%{clip-path:inset(10% 0 55%);transform:translate(-3px,1px)}91%{clip-path:inset(60% 0 8%);transform:translate(3px,-1px)}94%{clip-path:inset(30% 0 40%);transform:translate(-2px)}}@media (width<=720px){.hud{font-size:20px}.chapter{align-items:flex-end;justify-content:center!important}.hero{align-items:flex-end;padding-bottom:96px}.hero:before{background:linear-gradient(#f6ecc800 25%,#f6ecc8bf 55%,#f6ecc8f0 100%)}.card{margin:0 0 72px;padding:22px 20px 18px;top:auto;bottom:72px}.scroll-hint{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.glitch:before,.glitch:after,.notice,#loader .loader-sub{animation:none}}