/* Hallmark · macrostructure: Photographic · tone: atmospheric · theme: custom · anchor hue: cyan
 * audience: adult narrative-game players · use: game information and download · nav: N12 · footer: Ft4
 * paper: oklch(16.6% .016 277) · accent: oklch(90.5% .155 195) · display/body: Noto Sans SC · Latin: Barlow Condensed
 * axes: dark / heavy sans / cyan · enrichment: verified real screenshots
 * pre-emit critique: Philosophy 4 · Hierarchy 5 · Execution 4 · Specificity 5 · Restraint 4 · Variety 4 */
@import url('tokens.css');
@import url('fonts.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--color-paper);color:var(--color-ink);font:400 var(--text-body)/1.85 var(--font-body);padding-top:108px}body.modal-open{overflow-y:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{-webkit-tap-highlight-color:var(--color-transparent)}a,button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}button[data-state=loading]{opacity:.6;cursor:progress}button[data-state=error]{color:var(--color-error)}button[data-state=success]{color:var(--color-success)}button:active,.button:active{transform:translateY(1px)}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-family:var(--font-display);font-style:normal;line-height:1.35;font-weight:800;overflow-wrap:anywhere;min-width:0}h2{font-size:var(--text-h2);letter-spacing:-.04em}h3{font-size:21px}p+p{margin-top:var(--space-md)}[hidden]{display:none!important}.wrap{width:min(1248px,calc(100% - 96px));margin-inline:auto}.small,small{font-size:var(--text-sm)}.text-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding-block:10px;min-height:44px;font-weight:600;white-space:nowrap}.text-link:hover{color:var(--color-accent)}.eyebrow{color:var(--color-accent);font-size:var(--text-sm);font-weight:600;letter-spacing:.12em;margin-bottom:var(--space-lg)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-xl);min-height:52px;padding:12px 24px;font-weight:700;line-height:1.5;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.primary{background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent);position:relative;overflow:hidden}.primary:after{content:'';position:absolute;inset:0;background:var(--color-light);opacity:0;transform:translateX(-110%) skewX(-25deg);width:24%;pointer-events:none}.primary:hover:after{opacity:.4;transform:translateX(550%) skewX(-25deg);transition:transform .6s var(--ease-out),opacity .6s var(--ease-out)}.primary:hover{background:var(--color-light)}.outline{border:1px solid var(--color-rule);color:var(--color-ink)}.outline:hover{background:var(--color-panel-2);border-color:var(--color-accent)}.skip{position:fixed;top:0;left:16px;z-index:2000;transform:translateY(-120%);padding:12px;background:var(--color-accent);color:var(--color-dark-ink)}.skip:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:var(--color-paper);transition:transform var(--dur-normal) var(--ease-out);border-bottom:1px solid var(--color-rule)}.site-header.compact{transform:translateY(-32px)}.announcement{height:32px;background:var(--color-pink);color:var(--color-dark-ink);font-size:12px;font-weight:650;line-height:32px}.announcement .wrap{display:flex;justify-content:space-between}.announcement span{font-family:var(--font-latin);letter-spacing:.16em}.nav-bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.brand{display:flex;align-items:center;font-size:30px;line-height:1;font-weight:900;letter-spacing:-.07em;white-space:nowrap}.brand>span{font-family:var(--font-latin);color:var(--color-pink);font-size:42px;line-height:.85;margin-left:6px}.brand>small{font-size:12px;letter-spacing:.08em;font-weight:400;padding-left:18px;margin-left:18px;border-left:1px solid var(--color-rule)}.desktop-nav{display:flex;gap:24px}.desktop-nav a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--color-accent)}.nav-actions{display:flex;gap:var(--space-md);align-items:center}.nav-actions .button{min-height:42px;padding:9px 18px;font-size:14px;gap:20px}.menu-toggle{display:none}.mobile-nav{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-rule);background:var(--color-paper)}
.hero{position:relative;isolation:isolate;min-height:620px;height:calc(100svh - 175px);max-height:850px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;z-index:-2}.hero-image img{height:100%;object-fit:cover;object-position:75% 53%}.hero-shade{z-index:-1;background:linear-gradient(90deg,var(--color-overlay) 0%,var(--color-overlay-mid) 43%,var(--color-overlay-clear) 74%),linear-gradient(0deg,var(--color-overlay) 0%,var(--color-transparent) 45%)}.hero-inner{height:100%;min-height:620px;display:flex;align-items:center;justify-content:space-between;padding-block:48px;position:relative}.hero-copy{width:620px;max-width:66%}.tags{display:flex;gap:8px;margin-bottom:28px}.tags span{border:1px solid var(--color-rule);padding:2px 10px;font-size:12px;background:var(--color-overlay-mid)}.tags span:first-child{border-color:var(--color-accent);color:var(--color-accent)}.hero h1{font-size:var(--text-display);line-height:1.14;letter-spacing:-.045em;font-weight:900}.title-small{display:block;font-size:.58em;line-height:1.6;letter-spacing:-.015em}.hero h1 b{font-family:var(--font-latin);font-size:1.8em;color:var(--color-accent);line-height:.7;vertical-align:-.055em;margin-left:.05em}.english{font-family:var(--font-latin);font-size:23px;letter-spacing:.18em;margin-top:20px;color:var(--color-muted)}.hero-summary{font-size:18px;margin-top:26px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions .outline{background:var(--color-overlay-mid)}.hero-platform{color:var(--color-muted);font-size:13px;margin-top:16px}.hero-platform span{padding-inline:10px}.hero-caption{align-self:flex-end;text-align:right;padding-bottom:8px}.hero-caption>span{font-size:12px;padding-bottom:8px;display:block;color:var(--color-accent)}.hero-caption p{font-size:20px;font-weight:600;line-height:1.65}.info-strip{background:var(--color-light);color:var(--color-dark-ink)}.info-strip dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-block:24px}.info-strip dl>div{padding-left:24px;border-left:1px solid var(--color-light-rule)}.info-strip dl>div:first-child{padding-left:0;border:0}.info-strip dt{font-size:12px;color:var(--color-dark-muted);margin-bottom:4px}.info-strip dd{font-size:14px;font-weight:600}
.section{padding-block:80px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head p{color:var(--color-muted);margin-top:12px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.media-tile{min-width:0}.image-open{position:relative;display:block;width:100%;padding:0;text-align:left;overflow:hidden;background:var(--color-panel)}.image-open img{aspect-ratio:16/9;object-fit:cover;transition:transform var(--dur-normal) var(--ease-out),opacity var(--dur-normal) var(--ease-out)}.image-open:hover img{transform:scale(1.025);opacity:.85}.zoom{position:absolute;bottom:12px;right:12px;background:var(--color-overlay);padding:5px 12px;font-size:12px;border:1px solid var(--color-rule)}.media-tile figcaption{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--color-rule);font-weight:600}.media-tile figcaption small{color:var(--color-muted);font-weight:400}.story-section{padding-block:72px;background:var(--color-panel)}.story-grid{display:grid;grid-template-columns:1.15fr minmax(0,1fr);gap:100px}.story-grid h2{font-size:clamp(36px,4vw,56px);margin-bottom:24px}.story-grid h2 span{color:var(--color-accent)}.story-grid p:not(.eyebrow){color:var(--color-muted);max-width:530px}.story-grid .text-link{margin-top:20px}.people{border-top:3px solid var(--color-pink);padding-top:24px;align-self:center}.people h3{margin-bottom:24px;font-size:18px}.people dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);padding:16px 0;border-top:1px solid var(--color-rule);gap:16px}.people dt{font-size:20px;font-weight:700}.people dd{color:var(--color-muted);align-self:center;font-size:14px}.people .small{padding-top:16px;border-top:1px solid var(--color-rule)}.feature-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--color-rule)}.feature-lines article{padding:28px 28px 32px;border-left:1px solid var(--color-rule)}.feature-lines article:first-child{border-left:0;padding-left:0}.feature-lines article h3{color:var(--color-accent);margin-bottom:12px}.feature-lines article p{color:var(--color-muted);font-size:15px}.update-section{display:grid;grid-template-columns:.8fr minmax(0,1.3fr);gap:64px;padding-top:0}.update-section .section-head{margin-bottom:12px}.faq-list{border-top:1px solid var(--color-rule)}details{border-bottom:1px solid var(--color-rule)}summary{list-style:none;cursor:pointer;min-height:70px;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:600;line-height:1.65}summary::-webkit-details-marker{display:none}summary>span{display:block;width:16px;height:16px;position:relative;flex-shrink:0}summary>span:before,summary>span:after{content:'';position:absolute;top:7px;left:0;width:16px;height:2px;background:var(--color-accent)}summary>span:after{transform:rotate(90deg)}details[open] summary>span:after{transform:rotate(0)}summary:hover{color:var(--color-accent)}.answer{padding:0 36px 24px 0;line-height:1.9;color:var(--color-muted)}.answer a,.guide-body article a:not(.button),.article-body p a{color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}.fit-section{background:var(--color-light);color:var(--color-dark-ink);padding-block:48px}.fit-section h2{font-size:30px}.fit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.fit-row p{margin:0;color:var(--color-dark-muted);font-size:15px}.fit-row b{display:block;color:var(--color-dark-ink);font-size:18px;margin-bottom:10px}.faq-section{max-width:960px}.faq-section h2{font-size:32px}.final-cta{border-top:1px solid var(--color-rule);display:flex;justify-content:space-between;gap:48px;padding-block:64px 80px}.final-cta h2{font-size:clamp(40px,4.7vw,64px)}.final-cta>.eyebrow{font-family:var(--font-latin)}.final-cta>div:last-child{align-self:flex-end;max-width:410px;width:38%}.final-cta>div:last-child p{margin-bottom:24px;color:var(--color-muted)}.final-cta .primary{width:100%;margin-bottom:8px}.final-cta .text-link{font-size:14px}
footer{border-top:1px solid var(--color-rule);background:var(--color-panel);padding-block:40px}.footer-top{display:flex;align-items:center;gap:32px}.footer-top>p{font-size:14px;color:var(--color-muted);line-height:1.7}.top-link{margin-left:auto;white-space:nowrap;padding:10px}.top-link:hover{color:var(--color-accent)}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;padding-block:24px}.footer-nav a{font-size:14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.related{border-block:1px solid var(--color-rule);display:flex;flex-wrap:wrap;column-gap:24px;row-gap:0;padding-block:12px;font-size:12px}.related>span{color:var(--color-muted);display:flex;align-items:center;min-height:44px}.related a{white-space:nowrap;display:flex;align-items:center;min-height:44px}.related a:hover,.footer-nav a:hover{color:var(--color-accent)}.legal{display:flex;justify-content:space-between;gap:32px;padding-top:24px;font-size:12px;color:var(--color-muted)}.legal p{margin:0}.mobile-cta{display:none}
.page-intro{padding-block:48px}.breadcrumb{font-size:13px;color:var(--color-muted)}a.breadcrumb:hover{color:var(--color-accent)}.page-intro h1{font-size:clamp(38px,4.6vw,62px);line-height:1.3;margin-top:24px;letter-spacing:-.04em}.page-intro h1 span{color:var(--color-accent)}.page-intro>p{margin-top:20px;color:var(--color-muted)}.gallery-section{padding-bottom:72px}.filter-bar{border-bottom:1px solid var(--color-rule);display:flex;align-items:center;gap:8px;padding-bottom:20px;margin-bottom:32px}.filter{padding:10px 20px;min-height:44px;border:1px solid var(--color-rule);white-space:nowrap}.filter small{margin-left:12px;font-family:var(--font-latin)}.filter.active{background:var(--color-accent);color:var(--color-dark-ink);border-color:var(--color-accent)}.filter:not(.active):hover{background:var(--color-panel-2)}.filter-count{margin-left:auto;font-size:14px;color:var(--color-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.gallery-tip{font-size:14px;color:var(--color-muted);margin-top:28px}.download-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:0}.download-art{background:var(--color-panel);min-width:0;display:flex;flex-direction:column;justify-content:space-between}.download-art img{aspect-ratio:16/9;object-fit:cover}.download-art>p{padding:24px 28px;font-weight:650}.download-art>p span{font-family:var(--font-latin);letter-spacing:.1em;color:var(--color-muted);font-size:18px;font-weight:400}.download-panel{background:var(--color-light);color:var(--color-dark-ink);padding:36px 40px}.platform-tag{font-family:var(--font-latin);letter-spacing:.12em;font-size:18px;border-bottom:2px solid var(--color-pink);padding-bottom:4px}.download-panel h2{font-size:32px;margin-top:16px}.download-panel>p{font-size:14px;color:var(--color-dark-muted);margin-top:12px}.download-panel dl{margin-block:24px}.download-panel dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-light-rule);padding:9px 0;font-size:14px}.download-panel dt{color:var(--color-dark-muted)}.download-panel .primary{width:100%;background:var(--color-orange);border-color:var(--color-orange)}.download-panel>small{display:block;margin-top:12px;font-size:12px;color:var(--color-dark-muted)}.install-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0;counter-reset:step}.install-steps li{border-top:1px solid var(--color-rule);padding-top:20px}.install-steps li>span{font-family:var(--font-latin);font-size:38px;color:var(--color-pink);line-height:1}.install-steps h3{margin-block:16px 12px}.install-steps p{font-size:15px;color:var(--color-muted)}.save-banner{background:var(--color-panel);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:2px solid var(--color-pink)}.save-banner h2{font-size:26px}.save-banner p{font-size:14px;color:var(--color-muted);margin-top:12px}
.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px;padding-bottom:64px}.guide-toc{position:sticky;top:112px;align-self:start;border-top:2px solid var(--color-pink);padding-top:16px}.guide-toc p{font-size:12px;color:var(--color-muted);margin-bottom:12px}.guide-toc a{display:block;padding:12px 0;border-bottom:1px solid var(--color-rule);font-size:14px;white-space:nowrap}.guide-toc a:hover{color:var(--color-accent)}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:56px}.guide-cards>a{border:1px solid var(--color-rule);background:var(--color-panel);padding:24px;transition:transform var(--dur-fast) var(--ease-out)}.guide-cards>a:hover{transform:translateY(-3px);border-color:var(--color-accent)}.guide-cards h2{font-size:20px}.guide-cards p{font-size:14px;color:var(--color-muted);margin-block:12px 20px}.guide-cards span{color:var(--color-accent);font-size:14px;white-space:nowrap}.guide-body article{margin-bottom:48px;border-top:1px solid var(--color-rule);padding-top:32px;scroll-margin-top:110px}.guide-body article h2{font-size:28px;margin-bottom:24px}.guide-body article p{color:var(--color-muted);margin-block:16px}.guide-body article h3{margin-top:28px}.guide-body article img{margin-block:24px}.guide-body ul,.article-body ol{padding-left:24px;color:var(--color-muted)}.guide-body li,.article-body li{padding-left:4px;margin-bottom:12px}.callout{border-left:3px solid var(--color-accent);background:var(--color-panel);padding:20px 24px;margin-top:24px;font-size:15px}.article-body{max-width:850px;padding-bottom:80px}.article-lead{font-size:19px;color:var(--color-ink)!important}.article-body h2{font-size:28px;border-top:1px solid var(--color-rule);padding-top:32px;margin-top:40px;margin-bottom:20px}.article-body p{color:var(--color-muted);overflow-wrap:anywhere}.code-box{border:1px solid var(--color-rule);background:var(--color-panel);padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}.code-box code{font-family:var(--font-mono);font-size:14px;overflow-wrap:anywhere;word-break:break-word;color:var(--color-accent)}.copy-path{border:1px solid var(--color-rule);padding:10px 20px;font-size:14px;min-height:44px;white-space:nowrap}.copy-path:hover{background:var(--color-panel-2)}.copy-status{min-height:28px;font-size:14px}.article-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px}.lightbox{inset:0;border:0;background:var(--color-paper);color:var(--color-ink);max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;padding:24px}.lightbox::backdrop{background:var(--color-overlay)}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto;height:50px}.lightbox-close,.previous,.next{min-width:48px;min-height:48px;border:1px solid var(--color-rule);padding:8px 16px;white-space:nowrap}.lightbox-close:hover,.previous:hover,.next:hover{background:var(--color-panel-2);color:var(--color-accent)}.lightbox-stage{height:calc(100% - 60px);display:grid;grid-template-columns:52px minmax(0,1280px) 52px;gap:24px;align-items:center;justify-content:center}.lightbox-stage img{max-height:calc(100dvh - 170px);object-fit:contain;aspect-ratio:16/9}.lightbox figcaption{padding-top:16px;text-align:center;font-size:14px}.image-error{color:var(--color-error);text-align:center}.lightbox-count{font-size:14px;color:var(--color-muted)}
@media(min-width:1600px){.hero-image img{object-position:center}.hero-copy{max-width:56%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.brand>small{display:none}.desktop-nav{gap:20px}.story-grid{gap:48px}.download-panel{padding:28px}.guide-layout{gap:36px;grid-template-columns:165px minmax(0,1fr)}.hero{min-height:610px}.hero-inner{min-height:610px}.hero-copy{max-width:70%}.info-strip dl>div{padding-left:16px}.info-strip dd{font-size:12px}.update-section{gap:32px}.save-banner{padding:28px}.hero-actions .button{padding-inline:18px;gap:20px}}
@media(max-width:767px){html{scroll-padding-top:96px}body{padding-top:96px;padding-bottom:76px}.wrap{width:calc(100% - 40px)}.announcement{height:28px;line-height:28px;font-size:10px}.announcement span{display:none}.site-header.compact{transform:translateY(-28px)}.nav-bar{height:68px}.brand{font-size:27px}.brand>span{font-size:38px}.desktop-nav{display:none}.nav-actions{gap:8px}.nav-actions .button{min-height:44px;padding-inline:12px;font-size:12px;gap:12px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:6px;min-width:60px;min-height:44px;font-size:13px}.mobile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.mobile-nav a{display:flex;align-items:center;min-height:48px;font-size:14px;border-bottom:1px solid var(--color-rule);white-space:nowrap}.mobile-nav [aria-current]{color:var(--color-accent)}.hero{height:auto;min-height:670px;max-height:none}.hero-inner{min-height:670px;padding-block:44px;align-items:flex-start}.hero-copy{max-width:100%;width:100%}.hero-image img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,var(--color-overlay) 0%,var(--color-overlay-mid) 70%,var(--color-overlay-clear) 100%),linear-gradient(0deg,var(--color-overlay) 0%,var(--color-transparent) 65%)}.hero h1{font-size:60px}.tags{margin-bottom:28px}.hero .english{font-size:20px;letter-spacing:.13em}.hero-summary{font-size:17px;margin-top:28px}.hero-actions{gap:12px;margin-top:28px}.hero-actions .button{min-height:50px;font-size:14px;padding-inline:16px;gap:16px}.hero-caption{position:absolute;bottom:30px;right:0;display:flex;align-items:center;gap:16px;padding:0}.hero-caption p{font-size:13px;line-height:1.4}.hero-caption p br{display:none}.hero-caption>span{padding:0;font-size:10px}.hero-platform{font-size:12px}.info-strip dl{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:8px}.info-strip dl>div{padding:12px 0;border:0;border-bottom:1px solid var(--color-light-rule)}.info-strip dl>div:last-child{grid-column:1/-1;border:0}.info-strip dt{font-size:11px}.info-strip dd{font-size:13px}.section{padding-block:48px}.section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px;align-items:start}.section-head h2{font-size:28px}.section-head p{font-size:14px;margin-top:12px}.section-head .text-link{justify-self:start;font-size:14px}.preview-grid{gap:24px;grid-template-columns:minmax(0,1fr)}.media-tile figcaption{font-size:14px;padding:12px 0}.media-tile figcaption small{font-size:12px}.story-section{padding-block:48px}.story-grid{grid-template-columns:minmax(0,1fr);gap:40px}.story-grid h2{font-size:38px}.story-grid p:not(.eyebrow){font-size:15px}.people{width:100%}.people dl>div{grid-template-columns:82px minmax(0,1fr);padding:15px 0;gap:12px}.people dt{font-size:18px}.people dd{font-size:13px}.feature-lines{grid-template-columns:minmax(0,1fr)}.feature-lines article,.feature-lines article:first-child{border-left:0;border-bottom:1px solid var(--color-rule);padding:24px 0}.feature-lines article:last-child{border-bottom:0}.feature-lines h3{font-size:20px}.update-section{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0}.fit-section{padding-block:40px}.fit-row{grid-template-columns:minmax(0,1fr);gap:24px}.fit-row p{border-top:1px solid var(--color-light-rule);padding-top:16px}.fit-row b{margin-bottom:6px}summary{font-size:15px;padding-block:18px;min-height:66px;gap:16px}.answer{font-size:14px;padding-right:24px}.final-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:44px}.final-cta h2{font-size:40px}.final-cta>div:last-child{width:100%;max-width:none}.final-cta>div:last-child p{font-size:14px;margin-bottom:20px}.final-cta .eyebrow{margin-bottom:16px;font-size:12px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{font-size:12px}.top-link{font-size:12px;padding-inline:0}.footer-nav{gap:0 20px;padding-block:16px}.footer-nav a{font-size:12px}.related{column-gap:18px;font-size:11px}.related>span{width:100%;min-height:28px}.legal{display:block;font-size:10px;line-height:1.9}.legal p+p{margin-top:12px}.mobile-cta{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:90;align-items:center;justify-content:space-between;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:12px 20px max(12px,env(safe-area-inset-bottom));gap:16px}.mobile-cta>span{font-size:13px;line-height:1.5;font-weight:600}.mobile-cta small{display:block;font-size:10px;color:var(--color-muted);font-weight:400;margin-top:4px}.mobile-cta .button{min-height:44px;padding:10px 18px;gap:20px;font-size:14px}.page-intro{padding-block:32px}.page-intro h1{font-size:38px;margin-top:20px}.page-intro>p{font-size:14px}.filter-bar{gap:8px;padding-bottom:16px;margin-bottom:24px;flex-wrap:wrap}.filter{padding:8px 14px;font-size:13px}.filter small{margin-left:6px;font-size:13px}.filter-count{font-size:11px;margin-left:0}.gallery-grid{grid-template-columns:minmax(0,1fr);gap:24px}.gallery-section{padding-bottom:44px}.gallery-tip{font-size:12px}.download-layout{grid-template-columns:minmax(0,1fr)}.download-art>p{padding:20px;font-size:14px}.download-panel{padding:28px 24px}.install-steps{grid-template-columns:minmax(0,1fr);gap:24px}.install-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 16px}.install-steps h3{font-size:19px;margin:0}.install-steps p{grid-column:2;font-size:14px}.install-steps li>span{grid-row:1/3;font-size:34px}.save-banner{display:grid;grid-template-columns:minmax(0,1fr);padding:24px;gap:20px}.save-banner h2{font-size:24px}.save-banner .button{justify-self:start;font-size:14px;padding-inline:16px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:16px}.guide-toc{position:static;display:flex;flex-wrap:wrap;gap:0 24px}.guide-toc p{width:100%;margin-bottom:0}.guide-toc a{border:0;font-size:13px}.guide-cards{gap:12px;margin-bottom:36px}.guide-cards>a{padding:18px 16px}.guide-cards h2{font-size:18px}.guide-cards p{font-size:12px;margin-block:12px 16px}.guide-cards span{font-size:12px}.guide-body article h2{font-size:25px}.guide-body article h3{font-size:20px}.guide-body article p,.guide-body li{font-size:15px}.guide-body article{padding-top:28px;margin-bottom:36px}.guide-body article .button{font-size:14px;padding-inline:16px;gap:16px}.callout{padding:18px;font-size:14px}.article-body{padding-bottom:48px}.article-body h2{font-size:25px;margin-top:32px}.article-body p,.article-body li{font-size:15px}.article-body .article-lead{font-size:17px}.code-box{padding:20px}.code-box code{font-size:12px}.article-links{gap:16px}.article-links .button{font-size:13px;padding-inline:16px}.lightbox{padding:12px}.lightbox-stage{grid-template-columns:minmax(0,1fr);gap:12px;position:relative;height:calc(100% - 70px)}.lightbox-stage figure{grid-column:1;grid-row:1;padding-bottom:48px}.lightbox-stage img{max-height:calc(100dvh - 210px)}.previous,.next{position:absolute;bottom:10px;z-index:1}.previous{left:20%}.next{right:20%}.lightbox figcaption{font-size:12px}.lightbox-close{font-size:13px}.lightbox-count{font-size:12px}}
@media(max-width:374px){.hero h1{font-size:53px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{width:216px}.hero{min-height:740px}.hero-inner{min-height:740px}.tags{gap:6px}.tags span{font-size:11px;padding-inline:8px}.hero-caption{left:0;right:auto;text-align:left}.guide-cards{grid-template-columns:minmax(0,1fr)}.page-intro h1{font-size:33px}.footer-top .top-link{margin-left:0}.nav-actions .button{padding-inline:10px;gap:8px}.nav-bar{gap:12px}.filter-count{width:100%}.mobile-cta{padding-inline:16px;gap:8px}.mobile-cta .button{padding-inline:14px;gap:12px}.hero-summary{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.image-open:hover img,.guide-cards>a:hover{transform:none}}

.download-panel a:focus-visible{outline-color:var(--color-focus-dark)}a:active,summary:active{opacity:.8}