:root{--ink: #14110c;--paper: #f4efe7;--paper-dim: rgba(244, 239, 231, .62);--bronze: #c99a5b;--bronze-soft: #e2c79b;--line: rgba(244, 239, 231, .18);--serif: "Fraunces", "Times New Roman", serif;--sans: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:#0c0a07;color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#0c0a07}.stage canvas{display:block}.grain,.scrim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.scrim{background:radial-gradient(120% 90% at 50% 8%,transparent 40%,rgba(8,6,4,.55) 100%),linear-gradient(180deg,rgba(8,6,4,.35) 0%,transparent 22%,transparent 70%,rgba(8,6,4,.55) 100%)}.spacer{position:relative;z-index:1;width:100%}.topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(22px,5vw,64px);mix-blend-mode:difference}.brand{font-family:var(--serif);font-weight:500;font-size:22px;letter-spacing:.14em;display:flex;align-items:center;gap:12px}.brand .mark{width:10px;height:10px;border:1.5px solid var(--paper);transform:rotate(45deg)}.topnav{display:flex;gap:clamp(18px,3vw,40px);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.topnav a{color:var(--paper);text-decoration:none;opacity:.85}.beat{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;padding:clamp(24px,7vw,120px);pointer-events:none}.beat.center{align-items:center;justify-content:center;text-align:center}.beat.left{align-items:center;justify-content:flex-start}.beat.right{align-items:center;justify-content:flex-end;text-align:right}.card{max-width:560px}.beat.center .card{max-width:760px}.chapter{font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--bronze-soft);margin-bottom:22px}.kicker{font-family:var(--sans);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--paper);opacity:.7;margin-bottom:14px}.title{font-family:var(--serif);font-weight:300;line-height:.98;font-size:clamp(44px,8vw,108px);letter-spacing:-.02em}.title .em{font-style:italic;color:var(--bronze-soft)}.body{margin-top:26px;font-size:clamp(15px,1.3vw,18px);line-height:1.7;color:var(--paper-dim);max-width:44ch}.beat.center .body{margin-inline:auto}.beat.right .body{margin-left:auto}.chips{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.beat.right .chips{justify-content:flex-end}.chip{border:1px solid var(--line);border-radius:2px;padding:12px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14110c47;text-align:left;min-width:104px}.chip .k{font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.55}.chip .v{font-family:var(--serif);font-size:20px;margin-top:4px}.cta-actions{margin-top:40px;display:flex;gap:16px;justify-content:center;pointer-events:auto}.btn{font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;padding:16px 30px;border-radius:2px;border:1px solid var(--paper);color:var(--ink);background:var(--paper);text-decoration:none;cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}.btn:hover{transform:translateY(-3px)}.btn.ghost{background:transparent;color:var(--paper);border-color:var(--line)}.btn.ghost:hover{border-color:var(--paper)}.hint{position:fixed;bottom:34px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:.34em;text-transform:uppercase;opacity:.7}.hint .rail{width:1px;height:46px;background:linear-gradient(var(--paper),transparent);position:relative;overflow:hidden}.hint .rail:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:50%;background:var(--bronze-soft);animation:drop 1.8s cubic-bezier(.7,0,.3,1) infinite}@keyframes drop{0%{transform:translateY(0)}to{transform:translateY(300%)}}.scrubber{position:fixed;right:clamp(18px,3vw,46px);top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:20px;align-items:flex-end}.scrubber .step{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--paper);opacity:.4;transition:opacity .4s}.scrubber .step.on{opacity:1}.scrubber .dot{width:6px;height:6px;border-radius:50%;background:var(--paper);opacity:.5;transition:all .4s}.scrubber .step.on .dot{background:var(--bronze);opacity:1;box-shadow:0 0 0 4px #c99a5b2e}.timeline{position:fixed;left:clamp(22px,5vw,64px);right:clamp(22px,5vw,64px);bottom:26px;z-index:15;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.timeline .track{flex:1;height:1px;background:var(--line);position:relative}.timeline .fill{position:absolute;left:0;top:0;height:100%;background:var(--bronze-soft)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c0a07;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.loader .lb{font-family:var(--serif);font-size:clamp(40px,9vw,96px);font-weight:300;letter-spacing:.02em;overflow:hidden}.loader .lsub{font-size:11px;letter-spacing:.4em;text-transform:uppercase;opacity:.6}.loader .lbar{width:min(320px,60vw);height:1px;background:var(--line);position:relative;overflow:hidden}.loader .lbar span{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:var(--bronze-soft)}.loader .lpct{font-size:11px;letter-spacing:.3em;opacity:.5}@media (max-width: 720px){.scrubber,.topnav span.hideable{display:none}.beat.right{text-align:left;justify-content:flex-start}.beat.right .chips{justify-content:flex-start}.beat.right .body{margin-left:0}}