:root{--paper:#fbedc4;--ink:#172820;--green:#2e4635;--gold:#e5cc77;--red:#8b2338;color:var(--ink);background:var(--paper);font:18px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
.masthead,footer{background:var(--ink);color:var(--paper);padding:1rem max(6vw,1.25rem);display:flex;justify-content:space-between;gap:.6rem 1.5rem;flex-wrap:wrap;font-size:.82rem;font-weight:700}
.eyebrow{font-size:.78rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .75rem}
h1,h2,h3,.deck{font-family:Georgia,serif;line-height:1.02;margin:.1em 0 .3em;letter-spacing:-.045em}
h1{font-size:clamp(3.7rem,10vw,8rem);color:var(--red)}
h2{font-size:clamp(2.15rem,5vw,4.2rem)}
h3{font-size:1.7rem}
p{max-width:62ch}
.deck{font-size:clamp(2.2rem,5vw,4.6rem)}
.hero,.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.25rem,6vw,6rem)}
.hero,.strip,.split,.history,.release,.panel-peek{padding:clamp(2.5rem,7vw,6.5rem) max(6vw,1.25rem)}
.hero{padding-block:clamp(2rem,5vw,4rem)}
.hero figure{margin:0;max-width:31rem;justify-self:center;width:100%}
.hero img{display:block;width:100%;height:auto}
.hero nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.button{display:inline-block;padding:.65rem 1rem;background:var(--red);color:white;font-weight:760;text-decoration:none}
.strip{background:var(--green);color:var(--paper)}
.chairs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}
.chairs article{border-top:1px solid currentColor;padding-top:1.2rem}
.chairs p{margin:.5rem 0 0}
.screen{margin:1rem 0 .9rem;padding:.5rem;background:var(--ink);color:var(--paper);border:1px solid #63705a;border-radius:.35rem}
.screen img{display:block;width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;background:var(--green)}
.screen figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem .15rem .15rem;font-size:.83rem;font-weight:750}
.screen button{background:var(--gold);color:var(--ink);border:0;border-radius:.15rem;padding:.45rem .7rem;min-height:2.5rem;cursor:pointer;font:inherit}
.screen button[aria-pressed=true]{background:var(--paper)}
.panel-peek{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.25rem,5vw,4rem);background:#fff8e3}
.panel-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.panel-stills .screen{margin:0}
.split{background:var(--gold)}
.history{background:#fff8e3}
.release{border-top:2px solid var(--ink)}
.guide{max-width:62rem;margin:auto;padding:clamp(1.25rem,5vw,4rem)}
.guide h1{font-size:clamp(2.9rem,7vw,5rem)}
.guide h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.guide section{border-top:1px solid var(--green);margin-top:2rem;padding-top:1.5rem}
.guide nav ul{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;padding-left:1.2rem}
.guide table{border-collapse:collapse;width:100%;margin:1rem 0}
.guide th,.guide td{border-bottom:1px solid #a89a6b;padding:.55rem .5rem;text-align:left;vertical-align:top}
kbd{font:700 .84em system-ui,sans-serif;background:var(--ink);color:var(--paper);border-radius:.2rem;padding:.13em .38em;white-space:nowrap}
@media(max-width:720px){.hero,.split,.chairs,.panel-peek{grid-template-columns:1fr}.hero figure{max-width:19rem}.chairs{gap:1.25rem}}
@media print{body{color:black;background:white}.masthead,footer,.guide nav{display:none}.guide{padding:0}kbd{background:white;color:black;border:1px solid #555}.guide h1{color:black}.guide tr{break-inside:avoid}}

#promo video{display:block;width:min(100%,480px);height:auto;margin:1.5rem auto;border:2px solid currentColor;background:#203c32}