:root{
  --bg:#080b12;--bg-2:#0f1520;--surface:#111a27;--surface-2:#182130;--text:#f2f5f7;--muted:#a7b2bd;--line:rgba(255,255,255,.12);--cyan:#7cf2dc;--amber:#ffb65c;--radius:1.5rem;--radius-sm:.8rem;--shadow:0 1.6rem 5rem rgba(0,0,0,.28);--shell:min(76rem,calc(100% - 3rem));--shell-wide:min(92rem,100%);--display:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,#1b2635 0,transparent 38rem),var(--bg);color:var(--text);font-family:var(--body);line-height:1.6}body.menu-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.shell-wide{width:var(--shell-wide);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:1rem;z-index:99;background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:.6rem;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,11,18,.9);backdrop-filter:blur(1rem);border-bottom:.0625rem solid var(--line)}.header-meta{min-height:4.6rem;display:flex;align-items:center;gap:2rem}.brand-lockup{font-weight:900;letter-spacing:.22em;text-decoration:none;font-size:1.05rem}.header-signals{margin-left:auto;display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.72rem;letter-spacing:.12em}.header-signals span{padding:.3rem .55rem;border:.0625rem solid var(--line);border-radius:99rem}.header-nav{min-height:3.3rem;display:flex;gap:1.25rem;align-items:center;border-top:.0625rem solid var(--line)}.primary-nav{display:flex;gap:1.1rem;align-items:center;flex:1}.primary-nav a,.footer-links a,.footer-contact a,.footer-store a,.footer-legal a{text-decoration:none;color:var(--muted)}.primary-nav a:hover,.primary-nav a:focus-visible,.footer-links a:hover,.footer-links a:focus-visible,.footer-contact a:hover,.footer-contact a:focus-visible,.footer-store a:hover,.footer-store a:focus-visible,.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--text)}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--text);width:3rem;height:3rem}.menu-toggle span{display:block;height:.125rem;background:currentColor;margin:.45rem 0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.72rem 1rem;border-radius:99rem;text-decoration:none;border:.0625rem solid transparent;font-weight:800;letter-spacing:.01em;cursor:pointer}.button-primary{background:var(--cyan);color:#06110e}.button-primary:hover,.button-primary:focus-visible{filter:brightness(1.08)}.button-ghost{border-color:var(--line);background:rgba(255,255,255,.02)}.button-compact{padding:.55rem .9rem;min-height:2.5rem;background:var(--amber);color:#1c1205}.text-link{display:inline-flex;margin-top:1rem;color:var(--cyan);font-weight:800;text-decoration:none}.text-link::after{content:"↗";margin-left:.45rem}.eyebrow{font-size:.76rem;letter-spacing:.18em;font-weight:900;color:var(--cyan);margin:0 0 1rem}.lead,.hero-lead{color:#c9d1d9;font-size:clamp(1.05rem,1.5vw,1.28rem)}
.site-main{overflow:hidden}.hero{width:var(--shell);margin:0 auto;min-height:44rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(4rem,7vw,7rem) 0}.hero-copy{max-width:46rem}.hero h1{font-family:var(--display);font-size:clamp(3rem,7vw,6.8rem);line-height:.93;letter-spacing:-.055em;margin:.1rem 0 1.4rem}.hero-lead{max-width:42rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-media{position:relative}.hero-image{border-radius:2.2rem;box-shadow:var(--shadow);aspect-ratio:8/5;object-fit:cover}.pixel-frame{position:absolute;inset:-.7rem;border:.0625rem solid rgba(124,242,220,.35);border-radius:2.7rem;pointer-events:none}.fact-rail{display:grid;grid-template-columns:repeat(4,1fr);border-block:.0625rem solid var(--line);margin-bottom:clamp(3rem,6vw,7rem)}.fact{padding:1.5rem 1rem;border-right:.0625rem solid var(--line)}.fact:last-child{border-right:0}.fact strong{display:block;font-size:clamp(1.6rem,3vw,2.6rem);color:var(--text)}.fact span{color:var(--muted);font-size:.9rem}
.section{padding:clamp(3.5rem,7vw,8rem) 0}.section h2{font-size:clamp(2rem,4.2vw,4.1rem);line-height:1.02;letter-spacing:-.04em;margin:.2rem 0 1.3rem}.section h3{font-size:1.35rem;margin:.4rem 0}.section p{color:#c4ccd5}.split-band{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,6vw,7rem);align-items:center}.copy{max-width:39rem}.tall-media img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.thermal-stage{background:linear-gradient(180deg,transparent,#0b111a 20%,#0b111a 80%,transparent)}.thermal-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,7rem);align-items:center}.orb-media img{border-radius:50%;aspect-ratio:1;object-fit:cover;max-width:38rem;margin:auto}.feature-list{padding:0;margin:1.5rem 0;list-style:none}.feature-list li{position:relative;padding:.9rem 0 .9rem 2rem;border-bottom:.0625rem solid var(--line);color:#d8dde2}.feature-list li::before{content:"◆";position:absolute;left:0;color:var(--amber);font-size:.7rem;top:1.15rem}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.mode-tabs{background:var(--surface);border-radius:2rem;border:.0625rem solid var(--line);overflow:hidden}.tab-list{display:flex;gap:.4rem;padding:.8rem;border-bottom:.0625rem solid var(--line)}.tab-list button{background:transparent;border:0;color:var(--muted);padding:.75rem 1rem;border-radius:99rem;cursor:pointer}.tab-list button[aria-selected="true"]{background:var(--cyan);color:#06110e;font-weight:900}.tab-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:0}.tab-layout .media img{height:100%;object-fit:cover}.tab-panels{padding:clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.tab-panels h3{font-size:clamp(2rem,4vw,3.5rem)}.control-card{border:.0625rem solid var(--line);border-radius:2rem;padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;background:linear-gradient(135deg,rgba(124,242,220,.06),rgba(255,182,92,.04))}.diagram-wrap{display:grid;place-items:center;background:#0a121c;border-radius:1.5rem;padding:1.2rem;min-height:20rem}.source-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.wide-media img,.wide-media-band img{border-radius:1.8rem;box-shadow:var(--shadow)}.source-list{list-style:none;padding:0}.source-list li{padding:.8rem 0;border-bottom:.0625rem solid var(--line)}.finale{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding-bottom:8rem}.finale-media img{height:100%;object-fit:cover;border-radius:2rem 0 0 2rem}.finale-copy{background:var(--surface-2);padding:clamp(2.5rem,5vw,5rem);border-radius:0 2rem 2rem 0;display:flex;flex-direction:column;justify-content:center}.finale-copy h2{font-size:clamp(2.3rem,4vw,4rem)}
.content-ledger{max-width:74rem}.ledger-row{display:grid;grid-template-columns:6rem 1fr;gap:2rem;padding:3rem 0;border-top:.0625rem solid var(--line)}.ledger-index{font-size:2.4rem;color:var(--amber);font-weight:900}.ledger-row h2{margin-top:0}.wide-media-band{padding-top:0}.wide-media-band img{aspect-ratio:16/7;object-fit:cover}.cta-panel{width:var(--shell);margin:0 auto 7rem;background:var(--text);color:#0a0d12;border-radius:2rem;padding:clamp(2rem,5vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-panel h2{font-size:clamp(2rem,4vw,3.5rem);margin:.2rem 0}.cta-panel p{color:#39414a;max-width:48rem}.cta-panel .button-primary{background:#0a0d12;color:var(--text)}
.mechanics-columns{display:grid;grid-template-columns:16rem 1fr;gap:5rem}.sticky-index{position:sticky;top:10rem;align-self:start}.sticky-index ol{list-style:none;padding:0;color:var(--muted);counter-reset:i}.sticky-index li{padding:.7rem 0;border-bottom:.0625rem solid var(--line)}.mechanics-flow article{padding:0 0 4rem;margin:0 0 4rem;border-bottom:.0625rem solid var(--line)}.practical-note{padding:2rem;border-left:.35rem solid var(--amber);background:var(--surface);border-radius:0 1rem 1rem 0}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding-top:0}.image-pair img{border-radius:1.5rem;aspect-ratio:4/3;object-fit:cover}.mode-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mode-deck article{padding:2rem;background:var(--surface);border:.0625rem solid var(--line);border-radius:1.5rem;min-height:28rem;display:flex;flex-direction:column}.mode-focus{margin-top:auto;padding-top:2rem;color:var(--text)!important}.compare-board{display:grid;grid-template-columns:.65fr 1.35fr;gap:4rem}.compare-rows>div{display:grid;grid-template-columns:1fr .6fr;gap:1rem;padding:1rem 0;border-bottom:.0625rem solid var(--line)}.compare-rows strong{color:var(--cyan)}.step-rail{max-width:72rem}.step-rail article{display:grid;grid-template-columns:7rem 1fr;gap:2rem;padding:2.2rem 0;border-bottom:.0625rem solid var(--line)}.step-rail article>span{font-size:2.6rem;color:var(--cyan);font-weight:900}.step-rail h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-top:0}.practice-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.about-spread{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.about-block{padding:clamp(2rem,4vw,3.2rem);border:.0625rem solid var(--line);border-radius:1.5rem;background:var(--surface)}.about-block h2{font-size:clamp(1.8rem,3vw,3rem)}.about-block.block-1{grid-column:1/8}.about-block.block-2{grid-column:8/13;margin-top:6rem}.about-block.block-3{grid-column:3/11}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem}.faq-intro{position:sticky;top:10rem;align-self:start}.accordion article{border-top:.0625rem solid var(--line)}.accordion h3{margin:0}.accordion button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;background:none;border:0;color:var(--text);text-align:left;font-weight:800;cursor:pointer}.accordion-panel{padding:0 0 1.5rem;max-width:50rem}.contact-board{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.contact-primary,.contact-secondary{padding:clamp(2rem,5vw,4rem);border-radius:1.5rem;background:var(--surface);border:.0625rem solid var(--line)}.contact-primary>a{font-size:clamp(2rem,4vw,4rem);font-weight:900;text-decoration:none;letter-spacing:-.04em}.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem}.contact-meta>div{padding-top:1rem;border-top:.0625rem solid var(--line)}.contact-meta span{display:block;color:var(--muted);font-size:.85rem}.contact-meta strong{display:block;margin-top:.5rem}.contact-secondary h2{font-size:1.4rem}.contact-notes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:0}.contact-notes article{padding:2rem;background:#0b1119;border-radius:1.3rem}.contact-notes h2{font-size:1.5rem}.legal-layout{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:5rem;align-items:start}.legal-toc{position:sticky;top:10rem}.legal-toc ol{padding-left:1.2rem}.legal-toc a{color:var(--muted);text-decoration:none}.legal-article{max-width:52rem}.legal-article section{padding:0 0 3rem;margin:0 0 3rem;border-bottom:.0625rem solid var(--line)}.legal-article h2{font-size:clamp(1.8rem,3vw,2.8rem)}.not-found{min-height:60dvh;display:flex;flex-direction:column;justify-content:center;max-width:50rem;padding:5rem 0}.not-found h1{font-size:clamp(3rem,7vw,6rem);line-height:.95}
.site-footer{border-top:.0625rem solid var(--line);background:#06080d}.footer-main{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr .9fr;gap:2rem;padding:4rem 0}.footer-brand{display:flex;align-items:center;gap:.8rem;font-size:1rem;letter-spacing:.15em}.footer-mark{display:grid;place-items:center;width:3rem;height:3rem;background:var(--cyan);color:#05100d;border-radius:.65rem;font-weight:900}.footer-main h2{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}.footer-links{display:flex;flex-direction:column;gap:.45rem}.footer-contact p{margin:.2rem 0 .6rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;min-height:4.2rem;border-top:.0625rem solid var(--line);color:var(--muted);font-size:.85rem}.footer-note{margin:0;color:var(--muted);font-size:.84rem;font-weight:650;letter-spacing:.015em;text-align:right}.cookie-bar{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:80;width:min(68rem,calc(100% - 2rem));background:#f3f5f6;color:#111820;border-radius:1.3rem;padding:1.1rem;box-shadow:0 1.2rem 4rem rgba(0,0,0,.35);display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.cookie-bar[hidden]{display:none}.cookie-bar p{margin:.25rem 0;font-size:.9rem}.cookie-links{display:flex;gap:1rem;font-size:.82rem}.cookie-actions{display:flex;gap:.5rem}.cookie-bar .button-ghost{color:#111820;border-color:rgba(0,0,0,.18)}.cookie-dialog{border:0;border-radius:1.4rem;background:#0d141f;color:var(--text);max-width:38rem;padding:0}.cookie-dialog::backdrop{background:rgba(0,0,0,.72)}.dialog-card{padding:2rem}.necessary-row{display:flex;justify-content:space-between;padding:1rem 0;margin:1.5rem 0;border-block:.0625rem solid var(--line);color:var(--cyan)}
:focus-visible{outline:.2rem solid var(--amber);outline-offset:.22rem}
@media (max-width:72rem){.header-signals{display:none}.primary-nav{gap:.75rem;font-size:.92rem}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-store,.footer-legal{grid-column:auto}.hero{grid-template-columns:1fr;min-height:0}.hero-media{max-width:58rem}.fact-rail{grid-template-columns:repeat(2,1fr)}.fact:nth-child(2){border-right:0}.split-band,.thermal-grid,.source-stage,.practice-grid{grid-template-columns:1fr 1fr}.mode-deck{grid-template-columns:1fr}.mode-deck article{min-height:0}.about-block.block-1{grid-column:1/9}.about-block.block-2{grid-column:9/13}.about-block.block-3{grid-column:2/12}.contact-board{grid-template-columns:1fr}.legal-layout{grid-template-columns:14rem 1fr}}
@media (max-width:58rem){:root{--shell:min(100% - 2rem,48rem)}.header-meta{min-height:4.2rem}.menu-toggle{display:block}.header-nav{position:fixed;inset:4.2rem 0 auto 0;background:#080b12;padding:1.2rem;width:100%;display:none;align-items:stretch;max-height:calc(100dvh - 4.2rem);overflow:auto}.menu-open .header-nav{display:flex;flex-direction:column}.primary-nav{flex-direction:column;align-items:stretch}.primary-nav a{padding:.9rem 0;border-bottom:.0625rem solid var(--line);font-size:1.1rem}.header-nav .button{margin-top:.8rem}.split-band,.thermal-grid,.section-heading,.tab-layout,.control-card,.source-stage,.finale,.mechanics-columns,.image-pair,.compare-board,.practice-grid,.faq-layout,.legal-layout,.contact-notes{grid-template-columns:1fr}.tall-media img{aspect-ratio:8/6}.finale-media img{border-radius:2rem 2rem 0 0}.finale-copy{border-radius:0 0 2rem 2rem}.sticky-index,.faq-intro,.legal-toc{position:static}.mode-tabs{border-radius:1.3rem}.tab-list{overflow:auto}.tab-layout .media img{aspect-ratio:16/9}.about-spread{display:block}.about-block{margin:0 0 1rem!important}.contact-meta{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cookie-bar{grid-template-columns:1fr}.cookie-actions{justify-content:flex-end}}
@media (max-width:38rem){.hero{padding:3.2rem 0}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.fact-rail{grid-template-columns:1fr}.fact{border-right:0;border-bottom:.0625rem solid var(--line)}.fact:last-child{border-bottom:0}.section{padding:3.5rem 0}.ledger-row,.step-rail article{grid-template-columns:3.6rem 1fr;gap:1rem}.ledger-index,.step-rail article>span{font-size:1.6rem}.footer-main{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;padding:1rem 0;gap:1rem}.cookie-actions{flex-direction:column}.cookie-actions .button{width:100%}.contact-primary>a{font-size:1.8rem;overflow-wrap:anywhere}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}}
.mode-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:0}.mode-notes article{padding:2rem;border-top:.2rem solid var(--cyan);background:linear-gradient(180deg,rgba(124,242,220,.05),transparent)}.mode-notes h2{font-size:clamp(1.6rem,2.6vw,2.4rem)}.mistake-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem}.mistake-grid>div>article{padding:1.4rem 0;border-top:.0625rem solid var(--line)}.mistake-grid h2{font-size:clamp(2rem,3vw,3rem)}.signal-card{align-self:start;position:sticky;top:10rem;padding:2rem;background:var(--surface);border:.0625rem solid var(--line);border-radius:1.5rem}.signal-card h2{font-size:1.7rem}.contact-prep{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-prep>article,.contact-scope-list{padding:2rem;background:var(--surface);border:.0625rem solid var(--line);border-radius:1.4rem}.contact-prep h2{font-size:clamp(1.7rem,3vw,2.7rem)}.contact-scope-list>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem;padding:1rem 0;border-top:.0625rem solid var(--line)}.contact-scope-list span{color:var(--muted)}.closing-note{max-width:64rem;padding-top:0}.closing-note h2{font-size:clamp(1.8rem,3vw,2.8rem)}
@media (max-width:58rem){.mode-notes,.mistake-grid,.contact-prep{grid-template-columns:1fr}.signal-card{position:static}.contact-scope-list>div{grid-template-columns:1fr}}

/* v1.0.1 — Elvantam local composition repair: lower title mass, page-specific hero silhouettes, complete footer contact. */
.hero{min-height:0;padding:clamp(3.5rem,6vw,6rem) 0;gap:clamp(1.5rem,4vw,4rem)}
.hero h1{font-size:clamp(2.65rem,4.7vw,5rem);line-height:.98;letter-spacing:-.045em;max-width:15ch}
.hero-copy{max-width:40rem}
.hero-lead{max-width:38rem}

/* Home — centered editorial masthead with panoramic media below. */
.hero--home{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.hero--home .hero-copy{grid-column:3/11;text-align:center;max-width:none}
.hero--home h1{max-width:18ch;margin-inline:auto;font-size:clamp(2.8rem,4.9vw,5.15rem)}
.hero--home .hero-lead{margin-inline:auto;max-width:46rem}
.hero--home .hero-actions{justify-content:center}
.hero--home .hero-media{grid-column:2/12;margin-top:1rem}
.hero--home .hero-image{aspect-ratio:16/7;max-height:31rem;width:100%}

/* Game — media-left, compact right-aligned statement. */
.hero--game{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.hero--game .hero-media{grid-column:1/8;grid-row:1}
.hero--game .hero-copy{grid-column:8/13;grid-row:1;text-align:right;justify-self:end}
.hero--game h1{margin-left:auto;max-width:11ch;font-size:clamp(2.6rem,4.1vw,4.35rem)}
.hero--game .hero-lead{margin-left:auto}
.hero--game .hero-actions{justify-content:flex-end}
.hero--game .hero-image{aspect-ratio:5/6;max-height:36rem;width:100%}

/* Mechanics — wide visual stage with a restrained overlay card in the lower-right. */
.hero--mechanics{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;padding-top:3rem}
.hero--mechanics .hero-media{grid-column:1/13;grid-row:1}
.hero--mechanics .hero-image{aspect-ratio:16/7;width:100%;max-height:34rem}
.hero--mechanics .hero-copy{grid-column:7/13;grid-row:1;z-index:2;background:rgba(8,11,18,.92);border:.0625rem solid var(--line);border-radius:1.5rem;padding:clamp(1.6rem,3vw,2.8rem);margin:0 1.2rem 1.2rem 0;max-width:34rem}
.hero--mechanics h1{font-size:clamp(2.35rem,3.7vw,3.85rem);max-width:12ch}

/* Modes — compact text rail on top, wide media under it; CTA stays inline. */
.hero--modes{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}
.hero--modes .hero-copy{grid-column:2/12;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);column-gap:3rem;align-items:end;max-width:none}
.hero--modes .eyebrow{grid-column:1/-1}
.hero--modes h1{grid-column:1;max-width:14ch;font-size:clamp(2.55rem,4vw,4.25rem);margin-bottom:0}
.hero--modes .hero-lead{grid-column:2;margin:0}
.hero--modes .hero-actions{grid-column:2;margin-top:1.3rem}
.hero--modes .hero-media{grid-column:1/13}
.hero--modes .hero-image{aspect-ratio:18/7;width:100%;max-height:30rem}

/* Controls — narrow left visual column, text shifted to the right. */
.hero--controls{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.hero--controls .hero-media{grid-column:2/6;grid-row:1}
.hero--controls .hero-copy{grid-column:7/12;grid-row:1;justify-self:end}
.hero--controls h1{font-size:clamp(2.5rem,4vw,4.15rem);max-width:12ch}
.hero--controls .hero-image{aspect-ratio:4/5;width:100%;max-height:33rem}

/* About — tall image at left, right-aligned copy at right. */
.hero--about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.hero--about .hero-media{grid-column:1/7;grid-row:1}
.hero--about .hero-copy{grid-column:8/13;grid-row:1;text-align:right;justify-self:end}
.hero--about h1{margin-left:auto;max-width:12ch;font-size:clamp(2.55rem,4vw,4.2rem)}
.hero--about .hero-lead{margin-left:auto}
.hero--about .hero-actions{justify-content:flex-end}
.hero--about .hero-image{aspect-ratio:4/5;max-height:34rem;width:100%}

/* FAQ — text-led horizontal hero, small offset visual rather than another 50/50 split. */
.hero--faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.hero--faq .hero-copy{grid-column:2/9;grid-row:1;max-width:none}
.hero--faq h1{font-size:clamp(2.7rem,4.35vw,4.55rem);max-width:16ch}
.hero--faq .hero-media{grid-column:9/13;grid-row:1;transform:translateY(1.5rem)}
.hero--faq .hero-image{aspect-ratio:1;max-height:24rem;width:100%}

/* Contact — compact centered copy with an auxiliary visual, not a giant landing-page title. */
.hero--contact{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding-block:3.5rem}
.hero--contact .hero-copy{grid-column:3/9;max-width:none}
.hero--contact h1{font-size:clamp(2.45rem,3.9vw,4rem);max-width:15ch}
.hero--contact .hero-media{grid-column:10/13}
.hero--contact .hero-image{aspect-ratio:1;border-radius:50%;max-height:20rem;width:100%}
.hero--contact .pixel-frame{border-radius:50%}

/* Legal — deliberately quiet and right-weighted. */
.hero--privacy,.hero--terms,.hero--cookies{display:block;padding:3.3rem 0 2rem}
.hero--privacy .hero-copy,.hero--terms .hero-copy,.hero--cookies .hero-copy{margin-left:auto;text-align:right;max-width:52rem}
.hero--privacy h1,.hero--terms h1,.hero--cookies h1{margin-left:auto;font-size:clamp(2.25rem,3.5vw,3.65rem);max-width:17ch}
.hero--privacy .hero-lead,.hero--terms .hero-lead,.hero--cookies .hero-lead{margin-left:auto}

.footer-main{grid-template-columns:1.05fr .9fr 1.45fr .8fr .95fr;gap:clamp(1.4rem,3vw,2.6rem)}
.footer-contact-list{display:flex;flex-direction:column;gap:.34rem;margin-bottom:.85rem;color:var(--muted);font-size:.9rem;line-height:1.45}
.footer-contact-list a{color:var(--text);text-decoration:none}
.footer-address{max-width:19rem}
.footer-contact-page{display:inline-flex;margin-top:.15rem}

@media (max-width:72rem){
  .hero--home .hero-copy{grid-column:2/12}
  .hero--home .hero-media{grid-column:1/13}
  .hero--game .hero-media{grid-column:1/7}.hero--game .hero-copy{grid-column:7/13}
  .hero--mechanics .hero-copy{grid-column:6/13}
  .hero--modes .hero-copy{grid-column:1/13}
  .hero--controls .hero-media{grid-column:1/6}.hero--controls .hero-copy{grid-column:6/13}
  .hero--about .hero-media{grid-column:1/7}.hero--about .hero-copy{grid-column:7/13}
  .hero--faq .hero-copy{grid-column:1/9}.hero--faq .hero-media{grid-column:9/13}
  .hero--contact .hero-copy{grid-column:2/9}.hero--contact .hero-media{grid-column:9/13}
  .footer-main{grid-template-columns:1fr 1fr 1.4fr}
}
@media (max-width:58rem){
  .hero--home,.hero--game,.hero--mechanics,.hero--modes,.hero--controls,.hero--about,.hero--faq,.hero--contact{grid-template-columns:1fr;padding:3.2rem 0}
  .hero--home .hero-copy,.hero--home .hero-media,.hero--game .hero-copy,.hero--game .hero-media,.hero--mechanics .hero-copy,.hero--mechanics .hero-media,.hero--modes .hero-copy,.hero--modes .hero-media,.hero--controls .hero-copy,.hero--controls .hero-media,.hero--about .hero-copy,.hero--about .hero-media,.hero--faq .hero-copy,.hero--faq .hero-media,.hero--contact .hero-copy,.hero--contact .hero-media{grid-column:1;grid-row:auto;transform:none;margin-inline:0}
  .hero--game .hero-copy,.hero--about .hero-copy{text-align:left}
  .hero--game h1,.hero--game .hero-lead,.hero--about h1,.hero--about .hero-lead{margin-left:0}
  .hero--game .hero-actions,.hero--about .hero-actions{justify-content:flex-start}
  .hero--mechanics .hero-copy{margin:-5rem 1rem 0;background:rgba(8,11,18,.96)}
  .hero--modes .hero-copy{display:block}
  .hero--modes .hero-lead{margin-top:1rem}
  .hero--controls .hero-media,.hero--about .hero-media{max-width:31rem}
  .hero--faq .hero-media,.hero--contact .hero-media{max-width:22rem;margin-inline:auto}
  .footer-main{grid-template-columns:1fr 1fr}
}
@media (max-width:38rem){
  .hero h1,.hero--home h1,.hero--game h1,.hero--mechanics h1,.hero--modes h1,.hero--controls h1,.hero--about h1,.hero--faq h1,.hero--contact h1{font-size:clamp(2.25rem,10.5vw,3.3rem);line-height:1}
  .hero--home .hero-copy{text-align:left}
  .hero--home .hero-actions{justify-content:flex-start}
  .hero--mechanics .hero-copy{margin:-3.5rem .65rem 0;padding:1.4rem}
  .footer-main{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}.footer-note{text-align:left}
}