/* Hallmark · macrostructure: Quest Map · theme: custom · nav: N12 · footer: Ft3 · contrast: pass (40–41) · slop: pass (42–45) · mobile: pass (34, 49, 50–57) */
/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V4 · forest quest board, moss vellum, plum route seals */
@import url("tokens.css");
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.75;padding-bottom:4.75rem}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}.shell{width:min(calc(100% - 2*var(--gutter)),var(--content));margin-inline:auto}.skip-link{position:fixed;z-index:200;top:var(--space-2);left:var(--space-2);transform:translateY(-160%);background:var(--accent);color:var(--accent-ink);padding:var(--space-3) var(--space-4)}.skip-link:focus{transform:none}.site-header{position:sticky;z-index:80;top:0}.promo-bar{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-2) var(--gutter);background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:.8rem}.nav-bar{display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(8rem,1fr);align-items:center;gap:var(--space-6);padding:var(--space-3) var(--gutter);background:var(--nav-surface);border-bottom:1px solid var(--rule);backdrop-filter:blur(12px)}.wordmark{font-family:var(--font-display);font-weight:900;text-decoration:none;line-height:1.2}.primary-nav{display:flex;gap:var(--space-6);align-items:center}.primary-nav a{text-decoration:none;color:var(--ink-muted);font-size:.9rem;font-weight:700}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--accent)}.nav-download{justify-self:end}.nav-toggle{display:none;width:2.75rem;height:2.75rem;border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink)}.nav-toggle::before{content:"";display:block;width:1.1rem;height:.7rem;margin:auto;border-block:2px solid currentColor}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:var(--space-3) var(--space-6);border:1px solid var(--accent);border-radius:var(--radius);overflow:hidden;background:var(--accent);color:var(--accent-ink);font-weight:900;text-decoration:none;box-shadow:0 .75rem 2rem var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.button::after{content:"";position:absolute;inset:-70% auto -70% -40%;width:22%;background:var(--ink);opacity:.3;transform:rotate(20deg) translateX(-260%);transition:transform .55s var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:0 1rem 2.5rem var(--shadow)}.button:hover::after{transform:rotate(20deg) translateX(780%)}.button:active{transform:translateY(1px)}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button[data-state=success]{background:var(--success);border-color:var(--success)}.button-secondary{background:transparent;color:var(--ink);border-color:var(--rule);box-shadow:none}.button-large{min-height:3.5rem;padding-inline:var(--space-8)}.hero{position:relative;min-height:clamp(42rem,90svh,62rem);display:grid;align-items:end;overflow:hidden}.hero-media,.hero-shade,.atmosphere{position:absolute;inset:0}.hero-media img,.hero-abstract{width:100%;height:100%;object-fit:cover}.hero-abstract{background:var(--paper-raised)}.hero-shade{background:linear-gradient(90deg,var(--hero-deep),var(--hero-mid) 55%,var(--hero-light))}.atmosphere{pointer-events:none;background:radial-gradient(circle at 75% 20%,var(--support),transparent 25%);opacity:.18;animation:drift 14s ease-in-out infinite alternate}.hero-content{position:relative;z-index:2;padding-block:var(--space-24);text-shadow:0 .15rem .8rem var(--shadow)}.hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.tag,.age-marker,.kicker{font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tag{padding:var(--space-2) var(--space-3);border:1px solid var(--ink-muted);background:var(--nav-surface)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);line-height:1.18}h1{max-width:16ch;margin-bottom:var(--space-6);font-size:clamp(3rem,8vw,7.5rem);letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,4.25rem);letter-spacing:-.025em}.hero-en{display:block;margin-top:var(--space-3);font-family:var(--font-body);font-size:clamp(1rem,2.4vw,2rem);font-weight:600;letter-spacing:.04em;color:var(--accent)}.hero-lede{max-width:46rem;font-size:clamp(1.1rem,2vw,1.45rem);color:var(--ink);margin-bottom:var(--space-8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:62rem;margin-top:var(--space-12);border-block:1px solid var(--rule)}.hero-facts div{padding:var(--space-4);border-right:1px solid var(--rule)}.hero-facts div:last-child{border-right:0}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:1rem}.hero-facts span{font-size:.75rem;color:var(--ink-muted)}.age-marker{position:absolute;right:var(--gutter);bottom:var(--space-6);z-index:3;padding:var(--space-2) var(--space-3);border:1px solid var(--danger);color:var(--ink);background:var(--nav-surface)}.info-strip{position:relative;z-index:4;margin-top:calc(-1*var(--space-8));background:var(--paper-raised);border:1px solid var(--rule);box-shadow:0 1rem 3rem var(--shadow)}.info-strip dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:0}.info-strip dl div{padding:var(--space-5);border-right:1px solid var(--rule)}.info-strip dt{font-size:.75rem;color:var(--ink-muted)}.info-strip dd{margin:var(--space-1) 0 0;font-weight:800}.section{padding-block:var(--space-24)}.section-alt{background:var(--paper-raised)}.section-dark{background:var(--paper-soft)}.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);gap:var(--space-8);align-items:end;margin-bottom:var(--space-12)}.section-head h2{margin-bottom:0}.section-head p{color:var(--ink-muted);margin-bottom:0}.story-layout{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:clamp(2rem,8vw,9rem)}.story-copy{font-size:1.12rem}.story-copy>p:first-child::first-letter{float:left;font-family:var(--font-display);font-size:5rem;line-height:.75;padding:.5rem .7rem 0 0;color:var(--accent)}.vn-dialogue{margin-top:var(--space-12);padding:var(--space-6);border:1px solid var(--rule);border-left:.35rem solid var(--accent);background:var(--paper-raised)}.vn-dialogue div{display:flex;gap:var(--space-3);flex-wrap:wrap}.vn-dialogue a{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid var(--rule);text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.feature-card{grid-column:span 4;min-height:19rem;padding:var(--space-8);border-top:2px solid var(--accent);background:var(--paper);box-shadow:0 .8rem 2rem var(--shadow);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 1.2rem 2.8rem var(--shadow)}.feature-card>span{display:block;margin-bottom:var(--space-12);font-weight:900;color:var(--accent)}.feature-card h3{font-size:1.55rem}.media-grid,.gallery-full{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.media-card{grid-column:span 4;margin:0;background:var(--paper-raised);border:1px solid var(--rule)}.media-card:nth-child(5n+1){grid-column:span 8}.media-card button{display:block;width:100%;padding:0;border:0;background:var(--paper);cursor:zoom-in;overflow:hidden}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s var(--ease),opacity .3s var(--ease)}.media-card button:hover img{transform:scale(1.025);opacity:.86}.media-card figcaption{padding:var(--space-3) var(--space-4);font-size:.78rem;color:var(--ink-muted)}.section-action{margin-top:var(--space-8)}.timeline{border-left:1px solid var(--accent);padding-left:var(--space-8)}.timeline article{position:relative;max-width:46rem;padding-block:var(--space-4)}.timeline article::before{content:"";position:absolute;left:calc(-1*var(--space-8) - .35rem);top:1.25rem;width:.65rem;height:.65rem;background:var(--accent)}.timeline time{color:var(--accent);font-weight:800}.review-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--paper-soft)}.review-snapshot div strong,.review-snapshot div span{display:block}.review-snapshot strong{font-size:2rem;color:var(--accent)}.review-snapshot p{grid-column:1/-1;margin:0;color:var(--ink-muted);font-size:.8rem}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.fit-grid article{padding:var(--space-6);border-left:2px solid var(--support);background:var(--paper-raised)}.accordion{max-width:64rem}.accordion details{border-top:1px solid var(--rule)}.accordion details:last-child{border-bottom:1px solid var(--rule)}.accordion summary{position:relative;cursor:pointer;list-style:none;padding:var(--space-5) 3rem var(--space-5) 0;font-weight:800}.accordion summary::after{content:"+";position:absolute;right:var(--space-2);font-size:1.4rem;color:var(--accent)}.accordion details[open] summary::after{content:"−"}.answer{padding:0 var(--space-8) var(--space-5) 0;color:var(--ink-muted)}.final-cta{padding-block:var(--space-24);text-align:center;background:var(--paper-soft);border-block:1px solid var(--rule)}.final-cta h2{max-width:16ch;margin-inline:auto}.final-cta p{max-width:44rem;margin-inline:auto;color:var(--ink-muted)}.final-cta small{display:block;margin-top:var(--space-5);color:var(--ink-muted)}.page-hero{padding-block:clamp(7rem,14vw,13rem) var(--space-16);background:var(--paper-raised);border-bottom:1px solid var(--rule)}.page-hero h1{max-width:20ch;margin-bottom:var(--space-6);font-size:clamp(2.5rem,6vw,6rem)}.page-hero p{max-width:48rem;color:var(--ink-muted)}.kicker{color:var(--accent)}.gallery-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8)}.gallery-tabs button{padding:var(--space-2) var(--space-5);border:1px solid var(--rule);background:transparent;color:var(--ink);cursor:pointer}.gallery-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.gallery-tabs button:disabled{opacity:.35;cursor:not-allowed}.lightbox{position:fixed;z-index:120;inset:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--overlay)}.lightbox[aria-hidden=true]{display:none}.lightbox figure{margin:0;max-height:90vh;display:grid;place-items:center}.lightbox img{max-height:82vh;object-fit:contain}.lightbox figcaption{margin-top:var(--space-2);color:var(--ink-muted)}.lightbox button{border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);padding:var(--space-3);cursor:pointer}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-5)}.platform-card{padding:var(--space-8);border:1px solid var(--rule);background:var(--paper-raised)}.platform-card>span{font-size:.75rem;color:var(--accent);font-weight:900}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.requirements article{padding:var(--space-8);background:var(--paper)}.requirements li{margin-bottom:var(--space-2);color:var(--ink-muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:0;list-style:none}.steps strong{font-size:3rem;color:var(--accent)}.toc{position:sticky;z-index:30;top:6.7rem;display:flex;gap:var(--space-4);overflow-x:auto;padding-block:var(--space-3);background:var(--nav-surface);border-bottom:1px solid var(--rule)}.toc a{white-space:nowrap;text-decoration:none;color:var(--ink-muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.guide-card{min-height:19rem;padding:var(--space-8);border:1px solid var(--rule);background:var(--paper-raised);text-decoration:none;transition:transform .2s var(--ease)}.guide-card:hover{transform:translateY(-4px)}.guide-card>span{color:var(--accent);font-weight:900}.guide-card strong{color:var(--accent)}.article-layout{display:grid;grid-template-columns:16rem minmax(0,48rem);gap:clamp(2rem,7vw,8rem);align-items:start}.article-layout aside{position:sticky;top:9rem;padding-left:var(--space-4);border-left:1px solid var(--rule)}.article-layout aside h2{font-size:1.15rem}.article-layout aside a{display:block;margin-block:var(--space-3);color:var(--ink-muted);text-decoration:none}.article-content article{scroll-margin-top:10rem;margin-bottom:var(--space-16)}.article-content h2{font-size:clamp(1.8rem,3vw,3rem)}.article-content p,.article-content li{font-size:1.05rem;color:var(--ink-muted)}.site-footer{padding:var(--space-16) var(--gutter) 7rem;background:var(--paper-raised);border-top:1px solid var(--rule)}.footer-grid{width:min(100%,var(--content));margin:auto;display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:var(--space-12)}.footer-mark{font-family:var(--font-display);font-size:1.5rem;font-weight:900;text-decoration:none}.site-footer h2{font-size:1rem}.site-footer ul{padding:0;list-style:none}.site-footer li{margin-block:var(--space-2)}.site-footer a{color:var(--ink-muted)}.legal{width:min(100%,var(--content));margin:var(--space-12) auto 0;padding-top:var(--space-6);border-top:1px solid var(--rule);font-size:.75rem;color:var(--ink-muted)}.sticky-cta{position:fixed;z-index:70;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:4.75rem;padding:var(--space-2) var(--gutter);background:var(--nav-surface);border-top:1px solid var(--rule)}.sticky-cta span{font-family:var(--font-display);font-weight:800}.back-top{position:fixed;z-index:75;right:var(--space-4);bottom:5.7rem;border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);padding:var(--space-2) var(--space-3);cursor:pointer}.no-media{padding:var(--space-8);border:1px solid var(--rule);color:var(--ink-muted)}
html[data-layout=horizontal-gallery] .hero-content{padding-left:clamp(1rem,10vw,12rem)}html[data-layout=horizontal-gallery] .media-grid{grid-auto-flow:column;grid-auto-columns:minmax(20rem,42rem);grid-template-columns:none;overflow-x:auto;padding-bottom:var(--space-4);scroll-snap-type:x mandatory}html[data-layout=horizontal-gallery] .media-card{grid-column:auto;scroll-snap-align:start}html[data-layout=split-chronicle] .hero{align-items:stretch}html[data-layout=split-chronicle] .hero-content{display:grid;align-content:center;width:min(55%,52rem);margin:0;padding-left:var(--gutter);margin-left:0}html[data-layout=split-chronicle] .story-layout{grid-template-columns:1fr 1fr}html[data-layout=quest-map] .feature-card{border-top:0;border-left:.3rem solid var(--accent);transform:rotate(-.35deg)}html[data-layout=quest-map] .feature-card:nth-child(2){transform:translateY(2rem) rotate(.35deg)}html[data-layout=marquee-console] h1,html[data-layout=marquee-console] h2{font-family:var(--font-body);text-transform:uppercase}html[data-layout=marquee-console] .hero-facts,html[data-layout=marquee-console] .info-strip{font-variant-numeric:tabular-nums}html[data-layout=stat-led] .info-strip{margin-top:-5rem}html[data-layout=stat-led] .hero-facts strong{font-size:1.35rem}html[data-layout=photographic-fold] .hero-content{max-width:62rem;margin-left:var(--gutter)}html[data-layout=photographic-fold] .story-copy{padding:var(--space-8);background:var(--paper-raised);box-shadow:0 1rem 3rem var(--shadow)}
.hero .hero-content{padding-block:var(--space-12) var(--space-16)}.hero h1{max-width:18ch;margin-bottom:var(--space-5);font-size:clamp(3rem,6.2vw,6rem)}.hero-en{margin-top:var(--space-2);font-size:clamp(1rem,2.2vw,1.8rem)}.hero-lede{font-size:clamp(1.05rem,1.8vw,1.35rem);margin-bottom:var(--space-6)}
html,body{overflow-x:clip}h1,h2{min-width:0;overflow-wrap:anywhere}.site-header{transition:transform .2s var(--ease)}.site-header.is-scrolled{transform:translateY(-2.25rem)}.promo-bar,.nav-bar,.hero-actions,.sticky-cta{align-items:center}.promo-bar a,.primary-nav a,.button,.gallery-tabs button,.site-footer a{white-space:nowrap;line-height:1}.atmosphere{display:none}.media-grid,.gallery-full{grid-template-columns:repeat(12,minmax(0,1fr))}.media-card button:hover img{transform:none;opacity:.86}.media-card button:active img{opacity:.7}.media-card button:disabled{opacity:.55;cursor:not-allowed}html[data-layout=quest-map] .feature-card{border-left:0;border-top:2px solid var(--accent)}.button:disabled,.button[aria-disabled=true],a[aria-disabled=true],.gallery-tabs button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.button[data-state=loading]{opacity:.72;cursor:wait}.button[data-state=error]{background:var(--danger);border-color:var(--danger);color:var(--ink)}.button[data-state=success]{background:var(--success);border-color:var(--success);color:var(--support-ink)}.gallery-tabs button:hover:not(:disabled){border-color:var(--accent)}.gallery-tabs button:active:not(:disabled){background:var(--paper-soft)}
.button:hover{transform:none;box-shadow:0 .75rem 2rem var(--shadow)}.feature-card:hover{transform:none}
@keyframes drift{to{transform:translate3d(-2%,2%,0);opacity:.1}}
@media (max-width:1023px){.nav-bar{grid-template-columns:1fr auto auto}.nav-toggle{display:block}.primary-nav{position:absolute;left:var(--gutter);right:var(--gutter);top:100%;display:none;flex-direction:column;align-items:stretch;padding:var(--space-4);background:var(--paper-raised);border:1px solid var(--rule)}.primary-nav.is-open{display:flex}.feature-card{grid-column:span 6}.media-card,.media-card:nth-child(5n+1){grid-column:span 6}.story-layout,.article-layout{grid-template-columns:1fr}.article-layout aside{position:static;display:flex;gap:var(--space-4);flex-wrap:wrap}.toc{top:6rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section{grid-column:1/-1}}
@media (max-width:767px){body{padding-bottom:4.25rem}.promo-bar{justify-content:space-between;gap:var(--space-2);font-size:.7rem}.nav-bar{padding:var(--space-3) var(--space-4)}.nav-download{display:none}.hero{min-height:43rem}.hero-content{padding-block:var(--space-16)}h1{font-size:clamp(2.75rem,14vw,5rem)}.hero-shade{background:linear-gradient(0deg,var(--hero-deep),var(--hero-mid) 65%,var(--hero-light))}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts div:nth-child(2){border-right:0}.section{padding-block:var(--space-16)}.section-head{grid-template-columns:1fr}.feature-card,.media-card,.media-card:nth-child(5n+1){grid-column:1/-1}.fit-grid,.review-snapshot,.requirements,.steps,.guide-grid,.footer-grid{grid-template-columns:1fr}.review-snapshot p{grid-column:1}.sticky-cta{justify-content:space-between;min-height:4.25rem}.sticky-cta span{max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-cta .button{min-height:2.6rem;padding:var(--space-2) var(--space-4)}.back-top{bottom:5rem}.lightbox{grid-template-columns:1fr;grid-template-rows:1fr auto}.lightbox-prev,.lightbox-next{position:absolute;bottom:var(--space-4)}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}html[data-layout=split-chronicle] .hero-content,html[data-layout=photographic-fold] .hero-content{width:auto;margin:0;padding-inline:var(--gutter)}html[data-layout=stat-led] .info-strip{margin-top:0}.site-footer{padding-bottom:6rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.atmosphere{display:none}}