:root { --ink:#060606; --warm-white:#f0ece6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--warm-white); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; height:88px; padding:0 4.7vw; display:flex; align-items:center; color:rgba(245,242,237,.88); }
.wordmark { font-family:Georgia,'Times New Roman',serif; font-size:14px; letter-spacing:.29em; }
.campaign { position:relative; width:100%; background:#050505; overflow:hidden; }
.campaign img { display:block; width:100%; height:100%; object-fit:cover; }
.hero,.finale { height:100svh; min-height:660px; }
.chapter { aspect-ratio:16/9; }
.scroll-cue { position:absolute; z-index:2; left:50%; bottom:28px; transform:translateX(-50%); display:grid; justify-items:center; gap:9px; font-size:8px; letter-spacing:.3em; color:rgba(255,255,255,.64); }
.scroll-cue i { width:1px; height:38px; background:linear-gradient(to bottom,rgba(255,255,255,.65),transparent); }
@media (max-width:840px) {
  .site-header { height:72px; padding:0 22px; }
  .wordmark { font-size:12px; }
  .hero,.finale { min-height:560px; height:100svh; }
  .hero img,.finale img { object-fit:contain; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }