/* Website presentation only. E artwork is held constant across type previews. */
@font-face{font-family:"DM Sans";src:url('/site-media/fonts/dmsans.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url('/site-media/fonts/bricolagegrotesque.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('/site-media/fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--site-body:"DM Sans",ui-sans-serif,system-ui,sans-serif;--site-heading:var(--site-body);--site-accent:Fraunces,Georgia,serif;--heading-weight:650;--heading-tracking:-.045em;font-family:var(--site-body)}
:root[data-type-direction="editorial"]{--site-heading:Fraunces,Georgia,serif;--site-accent:Fraunces,Georgia,serif;--heading-weight:550;--heading-tracking:-.045em}
:root[data-type-direction="modern"]{--site-heading:var(--site-body);--site-accent:var(--site-body);--heading-weight:750;--heading-tracking:-.055em}
body{font-family:var(--site-body);font-optical-sizing:auto}
h1,h2,h3{font-family:var(--site-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}
h1{font-size:clamp(44px,6.4vw,88px);line-height:1.04}
h2{line-height:1.13}
em{font-family:var(--site-accent);font-style:normal;font-weight:450}
.hero-copy>p:not(.eyebrow):not(.quiet){font-size:18px;line-height:1.7;max-width:49ch}
.eyebrow,.role-no,.site-header nav,.action,.outline-action{font-family:var(--site-body)}
.site-header{padding-block:28px}
.landing-hero{padding-block:88px 92px;gap:64px}
main>section:is(.section,.sample,.editorial-pair){position:relative;padding-block:100px;border-top:1px solid #c3ae832d;margin-block:0}
main>section:is(.section,.sample,.editorial-pair)::before{content:"";position:absolute;top:-2px;left:0;width:38px;height:3px;background:var(--gold);border-radius:3px}
.section-intro{gap:48px;margin-bottom:44px;align-items:end}
.section-intro h2{max-width:19ch}
.section-intro>p{max-width:35ch;font-size:15px;line-height:1.75}
.section>h2,.sample>h2{max-width:22ch}
.section>p.lead{max-width:62ch}
.game-grid{gap:32px}
.roles{gap:40px}
.roles article{padding-top:30px}
.marquee{padding-block:28px;margin-bottom:28px}
.newsletter-band{margin-block:36px 96px}
.site-footer{padding-block:60px 52px}
/* Animate only sections explicitly armed by JS while still below the viewport. */
.section-arrival{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s ease-out}
.section-arrival.section-pending{opacity:0;transform:translate3d(0,34px,0)}
.section-arrival:focus-within{opacity:1;transform:none;transition:none}
@media(max-width:900px){.landing-hero{gap:36px}.section-intro{gap:28px}.game-grid{gap:24px}}
@media(max-width:700px){
 .site-header{padding-block:22px}.landing-hero{padding-block:46px 58px;gap:32px}
 main>section:is(.section,.sample,.editorial-pair){padding-block:62px}
 .section-intro{margin-bottom:30px}.section-intro>p{max-width:none}
 .roles{gap:0}.marquee{padding-block:22px;margin-bottom:12px}
 .newsletter-band{margin-block:20px 60px}.site-footer{padding-block:42px}
 .section-arrival.section-pending{transform:translate3d(0,20px,0)}
}
@media(prefers-reduced-motion:reduce){.section-arrival,.section-arrival.section-pending{opacity:1;transform:none;transition:none}}
@media print{.section-arrival,.section-arrival.section-pending{opacity:1;transform:none;transition:none}}