/* Hallmark · macrostructure: Catalogue · tone: industrial narrative · anchor hue: 102
 * theme: custom · vibe: coal black, golden eyes, second life · paper: oklch(18.5% .006 240) · accent: oklch(86% .17 102)
 * display: Tomorrow · body: Noto Sans SC · axes: dark / geometric-sans / chromatic-yellow
 * nav: N7 Brutal slab · footer: Ft1 Mast-headed · enrichment: E8 real game art · context: user-provided */
@import url('../../tokens.css');
@import url('fonts.css');
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.z-1{z-index:1}.z-3{z-index:3}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[300\]{z-index:300}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-full{width:100%;height:100%}.h-full{height:100%}.min-h-\[92vh\]{min-height:92vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[96vw\]{max-width:96vw}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.flex-grow,.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-2{border-inline-style:var(--tw-border-style);border-inline-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-\[\#0a0405\]{background-color:#0a0405}.bg-\[\#0c0405\]{background-color:#0c0405}.bg-\[\#0f0607\]{background-color:#0f0607}.bg-\[\#1a0a0c\]{background-color:#1a0a0c}.bg-\[\#1a3d2f\]{background-color:#1a3d2f}.bg-\[\#3a2a12\]{background-color:#3a2a12}.bg-\[\#3b1818\]{background-color:#3b1818}.bg-\[\#142c44\]{background-color:#142c44}.bg-\[\#160a0b\]{background-color:#160a0b}.bg-\[\#24182e\]{background-color:#24182e}.bg-\[\#080303\]{background-color:#080303}.bg-\[\#100607\]{background-color:#100607}.bg-\[\#120708\]{background-color:#120708}.bg-\[\#140808\]{background-color:#140808}.bg-\[\#140808\]\/95{background-color:oklab(15.2965% .020624 .00746936/.95)}.bg-\[\#180306\]{background-color:#180306}.bg-\[\#c41e3a\]{background-color:#c41e3a}.object-cover{object-fit:cover}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.align-top{vertical-align:top}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-\[0\.35em\]{--tw-tracking:.35em;letter-spacing:.35em}.whitespace-nowrap{white-space:nowrap}.text-\[\#b8dcff\]{color:#b8dcff}.text-\[\#b8f5c0\]{color:#b8f5c0}.text-\[\#b8ffd0\]{color:#b8ffd0}.text-\[\#c41e3a\]{color:#c41e3a}.text-\[\#e6c8ff\]{color:#e6c8ff}.text-\[\#f5e6dc\]{color:#f5e6dc}.text-\[\#f5e6dc\]\/45{color:oklab(93.4155% .0118297 .0176181/.45)}.text-\[\#f5e6dc\]\/50{color:oklab(93.4155% .0118297 .0176181/.5)}.text-\[\#f5e6dc\]\/55{color:oklab(93.4155% .0118297 .0176181/.55)}.text-\[\#f5e6dc\]\/60{color:oklab(93.4155% .0118297 .0176181/.6)}.text-\[\#f5e6dc\]\/65{color:oklab(93.4155% .0118297 .0176181/.65)}.text-\[\#f5e6dc\]\/75{color:oklab(93.4155% .0118297 .0176181/.75)}.text-\[\#f5e6dc\]\/80{color:oklab(93.4155% .0118297 .0176181/.8)}.text-\[\#f5e6dc\]\/85{color:oklab(93.4155% .0118297 .0176181/.85)}.text-\[\#ffb4c0\]{color:#ffb4c0}.text-\[\#ffc9c9\]{color:#ffc9c9}.text-\[\#ffd89a\]{color:#ffd89a}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[3px_3px_0_\#000\]{--tw-drop-shadow-size:drop-shadow(3px 3px 0 var(--tw-drop-shadow-color,#000));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[4px_4px_0_\#000\]{--tw-drop-shadow-size:drop-shadow(4px 4px 0 var(--tw-drop-shadow-color,#000));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:text-\[\#ffb4c0\]:hover{color:#ffb4c0}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:z-\[200\]:focus{z-index:200}.focus\:border-2:focus{border-style:var(--tw-border-style);border-width:2px}.focus\:bg-\[\#c41e3a\]:focus{background-color:#c41e3a}.\[data-category\]\:visible:is(data-category),.\[data-gallery-item\]\:visible:is(data-gallery-item),.\[data-lightbox\]\:visible:is(data-lightbox),.\[data-shot\]\:visible:is(data-shot){visibility:visible}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;overflow-x:clip;padding-bottom:82px}img{max-width:100%;display:block;height:auto}a{color:var(--color-link);text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:disabled,[aria-disabled=true]{opacity:.5;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-action)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.btn:focus-visible{outline-color:var(--color-focus);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}h1,h2,h3,p,figure,ul,ol,dl{margin:0}h1,h2,h3{min-width:0;line-height:1.3;font-weight:700;overflow-wrap:anywhere}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{color:var(--color-muted)}p+p{margin-top:var(--space-md)}.container{width:min(var(--page-width),100% - var(--page-gutter)*2);margin-inline:auto}.section{padding-block:var(--space-3xl)}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-xl)}.section-head p{margin-top:var(--space-xs)}.section-head a,.text-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.section-head h2:after{content:'';display:block;width:40px;height:3px;background:var(--color-accent);margin-top:var(--space-sm)}.skip{position:fixed;inset:8px auto auto 16px;z-index:var(--z-modal);padding:var(--space-sm);background:var(--color-ink);color:var(--color-paper);transform:translateY(-200%)}.skip:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:var(--z-sticky);background:var(--color-paper);border-bottom:2px solid var(--color-rule)}.header-inner{min-height:72px;display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-ink);white-space:nowrap;min-height:48px}.brand strong{font-family:var(--font-display);font-size:var(--text-md);line-height:1.2;letter-spacing:-.02em}.brand small{display:block;font-size:10px;letter-spacing:.17em;color:var(--color-accent);line-height:1.8}.brand-sign{color:var(--color-accent);font-family:var(--font-display);font-size:34px;line-height:1}.site-nav{display:none;order:5;flex-basis:100%;padding-bottom:var(--space-md);gap:var(--space-xs)}.site-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav a{min-height:48px;display:flex;align-items:center;color:var(--color-muted);white-space:nowrap;padding-inline:var(--space-sm);font-size:var(--text-sm)}.site-nav a[aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -3px var(--color-accent)}.menu-toggle{margin-left:auto;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-ink);padding:var(--space-xs) var(--space-sm);min-height:44px;white-space:nowrap}.btn.header-download{display:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-sm);min-height:52px;padding:var(--space-sm) var(--space-lg);background:var(--color-action);color:var(--color-accent-ink);font-weight:700;white-space:nowrap;border:1px solid var(--color-action);border-radius:var(--radius-sm);box-shadow:0 4px 0 var(--color-shade);position:relative;overflow:hidden;transition:transform var(--dur-micro) var(--ease-out)}.btn:after{content:'';position:absolute;inset:-50% auto -50% -50%;width:25%;background:var(--color-ink);opacity:.15;transform:skewX(-20deg) translateX(-150%);pointer-events:none}.btn:hover{text-decoration:none;background:var(--color-ink);color:var(--color-paper)}.btn:hover:after,.btn:focus-visible:after{animation:shine 700ms var(--ease-out)}@keyframes shine{to{transform:skewX(-20deg) translateX(1000%)}}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--color-shade)}.btn.secondary{background:var(--color-panel);color:var(--color-ink);border-color:var(--color-rule);box-shadow:none}.btn.secondary:hover{background:var(--color-raised)}.btn svg{width:20px;height:20px;flex:none}.actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg)}.hero{position:relative;margin-top:74px;min-height:650px;display:flex;align-items:end;padding-block:var(--space-2xl);isolation:isolate}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--color-paper) 5%,var(--color-clear) 100%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--color-scrim),var(--color-clear))}.hero-content{max-width:710px;padding-top:var(--space-4xl)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.tags span{background:var(--color-panel);color:var(--color-ink);font-size:var(--text-sm);padding:var(--space-2xs) var(--space-sm)}.tags .accent{background:var(--color-accent);color:var(--color-accent-ink)}.hero h1{font-size:var(--text-display);letter-spacing:.025em;font-weight:900}.hero h1 span{display:block;font-family:var(--font-display);font-size:clamp(1.05rem,2.5vw,1.65rem);font-weight:500;letter-spacing:.08em;margin-top:var(--space-sm)}.hero .lead{margin-top:var(--space-lg);max-width:550px;color:var(--color-ink);font-size:var(--text-md);line-height:1.75}.hero-facts{display:flex;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.hero-facts b{color:var(--color-ink);margin-left:var(--space-xs)}.hero-footnote{font-size:var(--text-sm);margin-top:var(--space-sm)}.facts-bar{background:var(--color-panel);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);padding:var(--space-lg)}dt{font-size:var(--text-sm);color:var(--color-muted)}dd{margin:var(--space-2xs) 0 0;font-weight:700;line-height:1.6}.story-layout{display:grid;gap:var(--space-xl)}.story-layout .prose{max-width:650px}.prose h2{margin-bottom:var(--space-lg)}.prose p{line-height:1.95}.story-aside{background:var(--color-panel);padding:var(--space-lg);border-top:3px solid var(--color-accent)}.story-aside h3{margin-bottom:var(--space-md)}.story-aside p{font-size:var(--text-sm)}.story-aside a{margin-top:var(--space-md)}.feature-list{display:grid;gap:var(--space-xl);margin-top:var(--space-2xl)}.feature{display:flex;gap:var(--space-md);align-items:start}.feature strong{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);line-height:1.2}.feature h3{margin-bottom:var(--space-xs)}.feature p{font-size:var(--text-sm)}.feature-link{transition:transform var(--dur-micro) var(--ease-out)}.feature-link:hover{transform:translateY(-2px)}.media-section{background:var(--color-panel)}.showcase{display:grid;gap:var(--space-sm)}.media-button{display:block;padding:0;border:0;background:var(--color-paper);color:var(--color-ink);width:100%;position:relative;text-align:left;overflow:hidden;min-width:0}.media-button img{width:100%;aspect-ratio:16/9;object-fit:cover}.media-button:hover img{opacity:.85}.media-button .expand{position:absolute;right:var(--space-sm);bottom:var(--space-sm);width:36px;height:36px;display:grid;place-items:center;background:var(--color-paper);color:var(--color-ink);font-size:23px}.thumbnail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}figcaption{font-size:var(--text-sm);color:var(--color-muted);padding-block:var(--space-xs)}.download-band{display:grid;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-raised);border-top:3px solid var(--color-action);align-items:center}.download-band h2{margin-bottom:var(--space-xs)}.download-band .btn{justify-self:start}.reader-grid{display:grid;gap:var(--space-lg)}.reader-card{padding:var(--space-lg);background:var(--color-panel)}.reader-card h3{margin-bottom:var(--space-sm)}.reader-card p{font-size:var(--text-sm)}.faq{border-top:1px solid var(--color-rule)}details{border-bottom:1px solid var(--color-rule)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-lg);min-height:64px;font-weight:700;color:var(--color-ink)}summary::-webkit-details-marker{display:none}summary:after{content:'+';flex:none;color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-md);width:24px;text-align:center}details[open]>summary:after{content:'−'}summary:hover{color:var(--color-accent)}details>div{padding:0 0 var(--space-lg);color:var(--color-muted);max-width:850px}.news-date{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-muted);display:block;margin-bottom:var(--space-xs)}.article-links{display:grid;gap:var(--space-lg)}.article-link{display:grid;gap:var(--space-lg);background:var(--color-panel);color:var(--color-ink);padding:var(--space-lg)}.article-link:hover{text-decoration:none;background:var(--color-raised)}.article-link img{aspect-ratio:16/9;object-fit:cover;width:100%}.article-link h3{margin-bottom:var(--space-sm)}.article-link p{font-size:var(--text-sm)}.article-link span{display:block;margin-top:var(--space-md);color:var(--color-link)}.final-cta{padding-block:var(--space-3xl);background:var(--color-panel)}.final-cta h2{font-size:var(--text-xl);max-width:800px}.final-cta p{margin-top:var(--space-md)}.site-footer{padding-block:var(--space-2xl);font-size:var(--text-sm)}.footer-top{display:grid;gap:var(--space-lg)}.footer-art{width:180px;aspect-ratio:16/9;object-fit:cover;margin-bottom:var(--space-md)}.footer-links,.related{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);margin-block:var(--space-lg)}.footer-links a,.related a{min-height:44px;display:inline-flex;align-items:center;color:var(--color-muted);white-space:nowrap}.related-title{color:var(--color-ink);margin-top:var(--space-xl)}.legal{padding-top:var(--space-lg);border-top:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted)}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-panel);border-top:1px solid var(--color-rule);padding:var(--space-sm) var(--page-gutter) max(var(--space-sm),env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.mobile-bar strong{display:block;font-size:var(--text-sm)}.mobile-bar small{display:block;color:var(--color-muted);font-size:12px}.mobile-bar .btn{min-height:46px;padding:var(--space-xs) var(--space-md)}.back-top{position:fixed;right:var(--space-lg);bottom:100px;z-index:var(--z-raised);height:44px;width:44px;display:grid;place-items:center;background:var(--color-raised);color:var(--color-ink);border:1px solid var(--color-rule)}.subhead{padding-top:120px;padding-bottom:var(--space-2xl)}.breadcrumbs{display:flex;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-lg)}.breadcrumbs a{min-height:44px;display:inline-flex;align-items:center}.breadcrumbs span{display:flex;align-items:center}.subhead .lead{margin-top:var(--space-lg);max-width:720px}.subhead h1 span{font-size:var(--text-base);display:block;font-family:var(--font-display);color:var(--color-muted);letter-spacing:.04em;margin-bottom:var(--space-sm);font-weight:400}.filter-bar{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xl)}.filter{min-height:44px;padding:var(--space-xs) var(--space-lg);background:var(--color-panel);border:1px solid var(--color-rule);color:var(--color-muted);white-space:nowrap}.filter[aria-pressed=true]{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent);font-weight:700}.filter:hover{color:var(--color-ink);background:var(--color-raised)}.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl) var(--space-lg)}.gallery-count{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.platform-grid{display:grid;gap:var(--space-lg)}.platform{padding:var(--space-xl);background:var(--color-panel);border-top:3px solid var(--color-rule)}.platform.recommended{border-top-color:var(--color-accent)}.platform small{color:var(--color-accent)}.platform h2{margin-block:var(--space-xs) var(--space-md)}.platform .package{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.3;margin-block:var(--space-lg);color:var(--color-ink)}.platform .package span{font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-muted)}.compact-spec{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-block:var(--space-lg)}.step-grid{display:grid;gap:var(--space-xl);counter-reset:steps}.step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-md)}.step:before{counter-increment:steps;content:counter(steps);font-family:var(--font-display);color:var(--color-accent);font-size:var(--text-lg);font-weight:700}.step h3{margin-bottom:var(--space-xs)}.step p{font-size:var(--text-sm)}.spec-layout{display:grid;gap:var(--space-xl)}.spec-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.spec-table th,.spec-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-rule);padding:var(--space-md) var(--space-xs)}.spec-table th{width:30%;font-weight:400;color:var(--color-muted)}.note{padding:var(--space-lg);background:var(--color-panel);border-top:3px solid var(--color-accent)}.note h3{margin-bottom:var(--space-sm)}.note p{font-size:var(--text-sm)}.guide-toc{display:grid;gap:var(--space-md);margin-bottom:var(--space-2xl)}.toc-card{padding:var(--space-lg);background:var(--color-panel);color:var(--color-ink)}.toc-card:hover{background:var(--color-raised);text-decoration:none}.toc-card p{font-size:var(--text-sm);margin-top:var(--space-xs)}.toc-card span{display:inline-block;margin-top:var(--space-md);color:var(--color-link)}.reading-layout{display:grid;gap:var(--space-xl)}.article-body{max-width:800px;min-width:0}.article-body section{padding-block:var(--space-xl);scroll-margin-top:90px}.article-body h2{margin-bottom:var(--space-lg)}.article-body h3{margin-block:var(--space-lg) var(--space-md)}.article-body p,.article-body li{color:var(--color-muted);line-height:1.95}.article-body ul,.article-body ol{padding-left:1.5em;margin-block:var(--space-lg)}.article-body li+li{margin-top:var(--space-sm)}.article-body figure{margin-block:var(--space-xl)}.reading-aside{align-self:start;background:var(--color-panel);padding:var(--space-lg)}.reading-aside a{display:block;min-height:44px;padding-block:var(--space-xs)}.reading-aside h3{margin-bottom:var(--space-md)}.lightbox{position:fixed;inset:0;margin:auto;width:min(1200px,96%);max-width:96%;height:fit-content;max-height:94dvh;border:1px solid var(--color-rule);padding:var(--space-md);background:var(--color-paper);color:var(--color-ink);overflow:auto}.lightbox::backdrop{background:var(--color-scrim)}.lightbox-toolbar{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap}.lightbox-toolbar button{background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-rule);min-width:44px;min-height:44px;padding:var(--space-xs) var(--space-sm)}.lightbox-toolbar .close{margin-left:auto}.lightbox-toolbar span{font-variant-numeric:tabular-nums;font-size:var(--text-sm);padding-inline:var(--space-xs)}.lightbox img{width:100%;max-height:70dvh;object-fit:contain}.lightbox .caption{margin-top:var(--space-sm);font-size:var(--text-sm)}.image-status{padding:var(--space-md);font-size:var(--text-sm)}.image-status.error{color:var(--color-error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.scroll-lock{overflow:hidden}
@media(hover:hover){.media-button img{transition:opacity var(--dur-micro) var(--ease-out)}}
@media(min-width:640px){.hero{min-height:690px}.facts-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid,.platform-grid,.guide-toc,.article-links{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1.2fr 1fr}.btn.header-download{display:inline-flex;min-height:44px;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.menu-toggle{margin-left:auto}}
@media(min-width:768px){.hero{min-height:650px}.hero-image{width:80%;left:20%;object-position:50% 35%}.showcase{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.thumbnail-grid .media-button{height:100%}.download-band{grid-template-columns:minmax(0,1fr) auto}.reader-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-layout{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr)}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr))}.article-link{grid-template-columns:140px minmax(0,1fr)}}
@media(min-width:1024px){body{padding-bottom:0}.menu-toggle{display:none}.site-nav,.site-nav.open{display:flex;flex-basis:auto;order:0;margin-left:auto;padding:0}.site-nav a{min-height:72px}.header-download{margin-left:var(--space-md)}.header-inner{gap:var(--space-sm)}.hero{min-height:660px}.hero-content{padding-top:var(--space-2xl)}.facts-bar{grid-template-columns:repeat(6,minmax(0,1fr));padding:var(--space-lg) var(--space-xl)}.mobile-bar{display:none}.back-top{bottom:var(--space-lg)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-3xl)}.reading-aside{position:sticky;top:100px}.section{padding-block:var(--space-4xl)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:active,.feature-link:hover{transform:none}}
@media(max-width:374px){.hero .actions{display:grid;grid-template-columns:1fr}.hero{min-height:700px}.brand strong{font-size:18px}.hero h1{font-size:2.75rem}.related{gap:0}.related a{font-size:13px}.filter{padding-inline:var(--space-md)}}

button:active,summary:active,a:not(.btn):active{opacity:.8}button:hover{color:var(--color-ink)}.filter[aria-pressed=true]:hover{color:var(--color-ink)}