/* Hallmark · genre: atmospheric-restraint · macrostructure: Split Studio · H2 6/6 image-left diptych
 * theme: custom · vibe: "sea-salt maid residence, coral shop, quiet gold"
 * display: Noto Serif SC · body: Noto Sans SC · axes: light with charcoal fold / roman-serif / chromatic-coral
 * enrichment: E8 approved official still · nav: N12 · footer: Ft5 · context: explicit · studied: no
 * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5 · contrast: pass (40–41) · slop: pass (42–45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · mobile: pass (34, 49, 50–57)
 */
:root {
  --color-paper: #fdfcf6;
  --color-paper-2: #f7f1e7;
  --color-paper-3: #efe2d0;
  --color-ink: #231f20;
  --color-ink-2: #4f4645;
  --color-muted: #695f5d;
  --color-rule: #c9bbae;
  --color-rule-dark: #5b504b;
  --color-charcoal: #121212;
  --color-charcoal-2: #211e1d;
  --color-accent: #e65a88;
  --color-accent-deep: #a62e59;
  --color-accent-ink: #231017;
  --color-orange: #e56b25;
  --color-sea: #38bdf8;
  --color-sea-deep: #075f89;
  --color-palm: #2f855a;
  --color-gold: #d4af37;
  --color-focus: #075f89;
  --color-success: #246b49;
  --color-error: #a8213c;
  --color-overlay: rgb(18 18 18 / 0.48);
  --color-shadow: rgb(18 18 18 / 0.18);
  --font-display: "Noto Serif SC", ui-serif, serif;
  --font-body: "Noto Sans SC", ui-sans-serif, sans-serif;
  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;
  --text-xs: .78rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.35rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.35rem;
  --text-3xl: 3.4rem;
  --radius-xs: .2rem;
  --radius-sm: .45rem;
  --radius-md: .8rem;
  --radius-pill: 999px;
  --rule-hair: 1px;
  --rule-strong: 2px;
  --shell: 78rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --banner-h: 2.4rem;
  --nav-h: 4rem;
  --sticky-h: 4.75rem;
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 480ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --z-nav: 50;
  --z-sticky: 40;
  --z-modal: 90;
}

*,*::before,*::after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--space-lg))}body{margin:0;min-width:20rem;padding-block-end:var(--sticky-h);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em}button,input,select,textarea{font:inherit}button{color:inherit}figure,blockquote,dl,dd,h1,h2,h3,p{margin:0}ul,ol{margin-block:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2.35rem,8vw,5.8rem);font-weight:800}h2{font-size:clamp(1.85rem,5vw,3.4rem);font-weight:800}h3{font-size:var(--text-lg);font-weight:800}p{max-width:68ch}summary{cursor:pointer}.shell{width:min(100%,var(--shell));margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);z-index:calc(var(--z-modal) + 1);transform:translateY(-150%);padding:var(--space-sm) var(--space-md);background:var(--color-charcoal);color:var(--color-paper)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}::selection{background:var(--color-sea);color:var(--color-ink)}
.site-header{position:fixed;inset:0 0 auto;z-index:var(--z-nav);transition:transform var(--dur-short) var(--ease-out)}.site-header.is-compact{transform:translateY(calc(var(--banner-h)*-1))}.site-header.is-dismissed{transform:none}.site-header.is-dismissed .announcement{display:none}.announcement{height:var(--banner-h);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding-inline:var(--gutter);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-sm);font-weight:800}.announcement p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement a{white-space:nowrap}.announcement button{flex:0 0 2.75rem;width:2.75rem;height:2.75rem;border:0;background:transparent;cursor:pointer}.nav-bar{background:var(--color-charcoal);color:var(--color-paper);border-block-end:var(--rule-hair) solid var(--color-rule-dark)}.nav-inner{min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.brand{display:inline-flex;align-items:center;gap:var(--space-xs);min-width:0;text-decoration:none;white-space:nowrap}.brand img{width:2.35rem;height:2.35rem;object-fit:cover;border-radius:var(--radius-sm)}.brand span{font-family:var(--font-display);font-weight:800}.nav-links{display:none;align-items:center;gap:var(--space-xs)}.nav-link{display:inline-flex;align-items:center;min-height:2.75rem;padding-inline:var(--space-sm);text-decoration:none;white-space:nowrap}.nav-link[aria-current="page"]{color:var(--color-gold)}.menu-toggle{display:grid;place-items:center;min-width:3.25rem;min-height:2.75rem;border:var(--rule-hair) solid var(--color-rule-dark);border-radius:var(--radius-sm);background:var(--color-charcoal);color:var(--color-paper);cursor:pointer}.menu-sheet{display:none;padding-block:var(--space-sm);background:var(--color-charcoal);color:var(--color-paper);border-block-end:var(--rule-hair) solid var(--color-rule-dark)}.menu-sheet.is-open{display:grid}.menu-sheet a{display:flex;align-items:center;min-height:2.75rem;text-decoration:none;border-block-end:var(--rule-hair) solid var(--color-rule-dark)}
.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:2.85rem;padding:var(--space-sm) var(--space-lg);border:var(--rule-strong) solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-ink);font-weight:900;text-decoration:none;white-space:nowrap;overflow:clip;cursor:pointer;transition:transform var(--dur-micro) var(--ease-out),background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),box-shadow var(--dur-short) var(--ease-out)}.button--large{min-height:3.35rem;padding-inline:var(--space-xl)}.button--outline{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-ink)}.button--dark{background:var(--color-charcoal);color:var(--color-paper);border-color:var(--color-gold)}.button--shine::after{content:"";position:absolute;inset-block:0;inset-inline-start:-40%;z-index:-1;width:24%;background:var(--color-paper);opacity:.32;transform:skewX(-18deg);transition:transform var(--dur-long) var(--ease-out)}.button--shine:is(:hover,:focus-visible)::after{transform:translateX(600%) skewX(-18deg)}.button:active,.menu-toggle:active,.filter-tabs button:active{transform:translateY(1px)}.button:disabled,.button[aria-disabled="true"],button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button[aria-busy="true"]{cursor:wait}.button[aria-busy="true"]::before{content:"";width:1rem;aspect-ratio:1;border:var(--rule-strong) solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-pill);animation:spin .8s linear infinite}.button[data-state="error"]{background:var(--color-error);color:var(--color-paper);border-color:var(--color-error)}.button[data-state="success"]{background:var(--color-success);color:var(--color-paper);border-color:var(--color-success)}@keyframes spin{to{transform:rotate(1turn)}}
.hero{padding-block-start:calc(var(--banner-h) + var(--nav-h));background:var(--color-charcoal);color:var(--color-paper)}.hero-diptych{min-height:clamp(40rem,86dvh,58rem);display:grid;grid-template-columns:minmax(0,1fr)}.hero-media{position:relative;min-height:25rem;overflow:clip;background:var(--color-charcoal)}.hero-media::after{content:"";position:absolute;inset:0;background:var(--color-overlay)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);animation:hero-settle 10s var(--ease-out) both}.hero-panel{display:flex;align-items:end;padding:var(--space-xl) var(--gutter) var(--space-2xl);background:var(--color-charcoal)}.hero-copy{width:min(100%,40rem)}.hero-logo{width:min(100%,18rem);margin-block-end:var(--space-lg)}.eyebrow{font-size:var(--text-sm);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold)}.hero h1 small{display:block;margin-block-start:var(--space-xs);font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0}.hero-lede{margin-block-start:var(--space-lg);font-size:var(--text-md);color:var(--color-rule)}.tag-row,.action-row{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag-row{margin-block-start:var(--space-lg)}.tag{display:inline-flex;align-items:center;min-height:2rem;padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-dark);background:var(--color-charcoal-2);font-size:var(--text-sm);font-weight:800;white-space:nowrap}.action-row{margin-block-start:var(--space-xl)}.choice-box{margin-block-start:var(--space-xl);padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink);border-inline-start:var(--space-xs) solid var(--color-gold)}.choice-box strong{display:block;font-family:var(--font-display);font-size:var(--text-xl)}.choice-box p{margin-block:var(--space-xs) var(--space-md)}@keyframes hero-settle{from{transform:scale(1.04)}to{transform:scale(1.02)}}
.fact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--color-paper-3);color:var(--color-ink);border-block-end:var(--rule-hair) solid var(--color-rule)}.fact-strip div{min-width:0;padding:var(--space-md) var(--gutter);border-inline-end:var(--rule-hair) solid var(--color-rule);border-block-end:var(--rule-hair) solid var(--color-rule)}.fact-strip dt{font-size:var(--text-xs);font-weight:900;color:var(--color-accent-deep)}.fact-strip dd{margin-block-start:var(--space-2xs);font-weight:800;overflow-wrap:anywhere}.section{padding-block:var(--space-3xl)}.section--tight{padding-block:var(--space-2xl)}.section--paper-2{background:var(--color-paper-2);color:var(--color-ink)}.section--dark{background:var(--color-charcoal);color:var(--color-paper)}.section--wood{background:var(--color-paper-3);color:var(--color-ink)}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);margin-block-end:var(--space-xl)}.section-head p{font-size:var(--text-md);color:var(--color-muted)}.section--dark .section-head p{color:var(--color-rule)}.split-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center}.split-row+ .split-row{margin-block-start:var(--space-3xl)}.split-row figure{min-width:0;background:var(--color-charcoal);overflow:clip}.split-row figure img{width:100%;aspect-ratio:16/10;object-fit:cover}.prose{display:grid;gap:var(--space-lg);font-size:var(--text-md)}.dialogue{position:relative;padding:var(--space-lg);background:var(--color-paper);color:var(--color-ink);border:var(--rule-strong) solid var(--color-gold);box-shadow:0 var(--space-xs) var(--space-xl) var(--color-shadow)}.dialogue b{display:block;margin-block-end:var(--space-xs);color:var(--color-accent-deep)}
.feature-ledger{border-block-start:var(--rule-strong) solid currentColor}.feature-row{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule);transition:transform var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.feature-mark{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-accent-deep)}.feature-row p{margin-block-start:var(--space-xs);color:var(--color-muted)}.character-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:end}.character-card img{width:min(100%,24rem);margin-inline:auto;max-height:38rem;object-fit:contain}.character-copy{padding:var(--space-xl);background:var(--color-charcoal);color:var(--color-paper);border:var(--rule-hair) solid var(--color-gold)}.character-copy p{margin-block-start:var(--space-sm);color:var(--color-rule)}.meta-list{display:grid;gap:var(--space-xs);margin-block-start:var(--space-lg)}.meta-list div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--space-sm);padding-block-end:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule-dark)}.meta-list dt{color:var(--color-gold)}
.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.gallery-item{min-width:0;padding:0;border:0;background:var(--color-charcoal);color:var(--color-paper);text-align:start;cursor:zoom-in;overflow:clip}.gallery-item img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.gallery-item span{display:block;padding:var(--space-sm);font-size:var(--text-sm)}.gallery-item[hidden]{display:none}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-block-end:var(--space-lg)}.filter-tabs button{min-height:2.75rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);font-weight:800;white-space:nowrap;cursor:pointer}.filter-tabs button[aria-pressed="true"]{background:var(--color-charcoal);color:var(--color-paper);border-color:var(--color-charcoal)}
.download-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);align-items:center;padding:var(--space-xl);background:var(--color-paper-2);color:var(--color-ink);border:var(--rule-strong) solid var(--color-ink)}.platform-grid,.spec-grid,.guide-cards,.audience-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.platform-card,.guide-card{padding:var(--space-xl);background:var(--color-paper);color:var(--color-ink);border:var(--rule-hair) solid var(--color-rule)}.platform-card--recommended{border:var(--rule-strong) solid var(--color-accent)}.ticket{display:inline-flex;min-height:2rem;align-items:center;padding-inline:var(--space-sm);background:var(--color-charcoal);color:var(--color-gold);font-size:var(--text-sm);font-weight:900}.platform-card p,.guide-card p{margin-block:var(--space-sm) var(--space-lg)}.install-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.install-step{padding:var(--space-lg);background:var(--color-paper);border-block-start:var(--rule-strong) solid var(--color-sea-deep)}.install-step strong{color:var(--color-sea-deep);font-size:var(--text-md)}.install-step h3{margin-block:var(--space-xs)}.spec-card{padding:var(--space-lg);border:var(--rule-hair) solid var(--color-gold)}.spec-card dl{display:grid;gap:var(--space-xs);margin-block-start:var(--space-md)}.spec-card dl div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-sm);padding-block-end:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule-dark)}.spec-card dt{color:var(--color-gold)}.notice{padding:var(--space-lg);background:var(--color-paper-2);color:var(--color-ink);border-inline-start:var(--space-xs) solid var(--color-orange)}
.timeline{list-style:none;padding:0;border-block-start:var(--rule-strong) solid currentColor}.timeline li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding-block:var(--space-lg);border-block-end:var(--rule-hair) solid var(--color-rule)}.timeline time{color:var(--color-accent-deep);font-weight:900}.section--dark .timeline time{color:var(--color-gold)}.rating-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding:var(--space-xl);border:var(--rule-hair) solid var(--color-gold)}.rating-score strong{display:block;color:var(--color-gold);font-family:var(--font-display);font-size:var(--text-3xl);font-variant-numeric:tabular-nums}.rating-score small{color:var(--color-rule)}.audience-card{padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-gold)}.audience-card p{margin-block-start:var(--space-xs);color:var(--color-rule)}
.faq-list{border-block-start:var(--rule-strong) solid currentColor}.faq-list details{border-block-end:var(--rule-hair) solid var(--color-rule)}.faq-list summary{position:relative;list-style:none;min-height:4rem;display:flex;align-items:center;padding:var(--space-md) var(--space-xl) var(--space-md) 0;font-family:var(--font-display);font-size:var(--text-md);font-weight:900}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;inset-inline-end:0;font-family:var(--font-body);font-size:var(--text-xl)}.faq-list details[open] summary::after{content:"−"}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-long) var(--ease-in-out)}.faq-answer>div{overflow:hidden}.faq-answer p{padding-block-end:var(--space-lg)}details[open] .faq-answer{grid-template-rows:1fr}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.toc{align-self:start;padding:var(--space-lg);background:var(--color-charcoal);color:var(--color-paper)}.toc h2{font-size:var(--text-lg)}.toc ol{margin-block-start:var(--space-md);padding-inline-start:var(--space-lg)}.toc a{display:inline-flex;align-items:center;min-height:2.75rem;white-space:nowrap}.guide-prose{display:grid;gap:var(--space-3xl)}.guide-prose article{scroll-margin-top:calc(var(--nav-h) + var(--space-lg))}.guide-prose article>*+*{margin-block-start:var(--space-md)}.guide-prose li+li{margin-block-start:var(--space-xs)}.guide-prose table{width:100%;border-collapse:collapse}.guide-prose th,.guide-prose td{padding:var(--space-sm);text-align:start;border-block-end:var(--rule-hair) solid var(--color-rule)}.guide-card{min-height:13rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.guide-card a{font-weight:900;white-space:nowrap}.article-hero{padding-block:calc(var(--banner-h) + var(--nav-h) + var(--space-3xl)) var(--space-2xl);background:var(--color-paper-3)}.article-hero p{margin-block-start:var(--space-md);font-size:var(--text-md)}
.final-cta{background:var(--color-paper-3);color:var(--color-ink)}.final-cta .shell{display:grid;gap:var(--space-lg)}.fine-print{color:var(--color-muted)}.site-footer{padding-block:var(--space-3xl) calc(var(--space-3xl) + env(safe-area-inset-bottom));background:var(--color-charcoal);color:var(--color-paper)}.footer-statement{max-width:28ch;font-family:var(--font-display);font-size:clamp(2rem,6vw,4.2rem);line-height:1.08}.footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule-dark)}.footer-copy{display:grid;gap:var(--space-sm)}.footer-copy p{color:var(--color-rule)}.footer-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.footer-groups h2{font-family:var(--font-body);font-size:var(--text-md)}.footer-links{list-style:none;padding:0;margin-block-start:var(--space-sm)}.footer-links a{display:inline-flex;align-items:center;min-height:2.75rem}.sticky-download{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-sticky);min-height:var(--sticky-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) max(var(--gutter),env(safe-area-inset-right)) calc(var(--space-sm) + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));background:var(--color-paper);color:var(--color-ink);border-block-start:var(--rule-hair) solid var(--color-rule);box-shadow:0 calc(var(--space-xs)*-1) var(--space-xl) var(--color-shadow)}.sticky-download span{display:none;font-weight:800}.back-top{position:fixed;inset-inline-end:var(--gutter);inset-block-end:calc(var(--sticky-h) + var(--space-md));z-index:var(--z-sticky);width:2.85rem;height:2.85rem;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease-out)}.back-top.is-visible{opacity:1;pointer-events:auto}
.lightbox{position:fixed;inset:0;margin:auto;width:min(94%,70rem);height:fit-content;max-height:88dvh;padding:0;border:var(--rule-hair) solid var(--color-rule-dark);background:var(--color-charcoal);color:var(--color-paper)}.lightbox::backdrop{background:var(--color-overlay)}.lightbox figure{display:grid}.lightbox img{width:100%;max-height:78dvh;object-fit:contain}.lightbox figcaption{padding:var(--space-sm) var(--space-lg)}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;display:grid;place-items:center;width:2.85rem;height:2.85rem;border:var(--rule-hair) solid var(--color-rule-dark);border-radius:var(--radius-sm);background:var(--color-charcoal);color:var(--color-paper);cursor:pointer}.lightbox-close{inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm)}.lightbox-prev{inset-inline-start:var(--space-sm)}.lightbox-next{inset-inline-end:var(--space-sm)}.lightbox-prev,.lightbox-next{inset-block-start:50%}.reveal{opacity:0;transform:translateY(var(--space-md));transition:opacity var(--dur-long) var(--ease-out),transform var(--dur-long) var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);box-shadow:0 var(--space-xs) var(--space-lg) var(--color-shadow)}.nav-link:hover{color:var(--color-gold)}.feature-row:hover{transform:translateX(var(--space-xs));background:var(--color-paper-2)}.gallery-item:hover img{transform:scale(1.025)}.guide-card:hover{transform:translateY(-3px);border-color:var(--color-accent)}}
@media (min-width:40rem){.fact-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-grid,.spec-grid,.guide-cards,.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{grid-template-columns:4fr 6fr}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-download span{display:block}}
@media (min-width:60rem){body{padding-block-end:0}.nav-links{display:flex}.menu-toggle,.menu-sheet{display:none!important}.hero-diptych{grid-template-columns:6fr 6fr}.hero-media{min-height:auto}.hero-panel{padding:var(--space-3xl)}.section-head{grid-template-columns:5fr 7fr;align-items:end}.split-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl)}.split-row:nth-child(even) figure{order:2}.feature-row{grid-template-columns:4rem minmax(0,1fr)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.download-panel{grid-template-columns:7fr 5fr}.platform-grid,.guide-cards,.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-panel{grid-template-columns:4fr 8fr}.guide-layout{grid-template-columns:minmax(14rem,3fr) minmax(0,9fr)}.toc{position:sticky;top:calc(var(--nav-h) + var(--space-lg))}.footer-grid{grid-template-columns:5fr 7fr}.footer-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-download{display:none}}
@media (min-width:90rem){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-media img{transform:none}.reveal{opacity:1;transform:none}}
.announcement{background:var(--color-paper-3);color:var(--color-ink);border-block-end:var(--rule-strong) solid var(--color-accent)}.announcement p{flex:1;min-width:0}:focus-visible{outline-color:currentColor;box-shadow:0 0 0 var(--space-2xs) var(--color-focus)}.hero-diptych{min-height:auto}.hero-media{height:15rem;min-height:0}.hero-logo{width:min(100%,12rem);margin-block-end:var(--space-md)}.hero h1{font-size:clamp(2.35rem,7vw,4.8rem);line-height:1.08}
@media (min-width:40rem){.hero-media{height:15rem;min-height:0}.hero-logo{width:min(100%,12rem)}}
@media (min-width:60rem){.hero-diptych{min-height:clamp(40rem,86dvh,58rem)}.hero-media{height:auto;min-height:auto}.hero-logo{width:min(100%,12rem)}.hero-panel{padding:var(--space-xl)}.section-head{grid-template-columns:minmax(0,1fr)}}