/* Two printed product folios, sharing the portfolio paper and typography. */
.product-nav{width:min(100% - 60px,1020px);min-height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.product-mark{font:18px/1 var(--small);letter-spacing:.17em}
.product-nav nav{display:flex;align-items:center;gap:clamp(12px,3vw,36px);font:13px/1.5 var(--serif)}
.product-nav [aria-current="page"]{text-decoration:underline;text-underline-offset:.5em}
.product-main{max-width:1020px;width:calc(100% - 60px);margin:0 auto}
.product-hero{padding:29px 0 92px}
.product-overline{display:flex;justify-content:space-between;gap:16px;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;font:12px/1.5 var(--small);letter-spacing:.1em}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(30px,6vw,88px);align-items:center;padding-top:58px}
.product-kicker,.product-small-heading{font:12px/1.5 var(--small);letter-spacing:.17em;color:var(--muted)}
.product-kicker{margin:0 0 28px}
.product-intro h1{margin:0;font:400 clamp(43px,5.5vw,74px)/1.1 var(--serif);letter-spacing:.025em;text-wrap:balance}
.product-headline{margin:28px 0 17px;font:400 clamp(23px,2.4vw,33px)/1.35 var(--serif);text-wrap:balance}
.product-lead{margin:0;max-width:510px;font:17px/1.8 var(--serif);color:var(--muted)}
.product-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px 25px;font-size:15px}
.product-actions a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.3em}
.product-platforms{font:12px/1.7 var(--serif);color:var(--muted);margin:16px 0 0}
.product-image{margin:0;max-width:100%;min-width:0}
.product-image img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain;filter:saturate(.85) contrast(.95);box-shadow:0 4px 32px #63584619}
.product-image figcaption{font:11px/1.7 var(--small);letter-spacing:.1em;color:var(--muted);margin-top:13px}
.product-identity,.product-features,.product-zh,.product-faq{border-top:1px solid var(--line);padding:60px 0 74px}
.product-small-heading{margin:0 0 19px}
.product-main h2{font:400 clamp(30px,3.8vw,46px)/1.3 var(--serif);margin:0 0 22px;max-width:720px;text-wrap:balance}
.product-identity-copy{max-width:690px;font:19px/1.75 var(--serif);color:var(--muted);margin:0 0 44px}
.product-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:38px}
.product-facts div{padding:19px 0;border-top:1px solid #aaa18f70}
.product-facts dt{font:12px/1.5 var(--small);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.product-facts dd{font:17px/1.55 var(--serif);margin:7px 0 0}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;margin-top:40px}
.feature{border-top:1px solid #aaa18f70;padding:23px 0 29px}
.feature-number{font:12px/1 var(--small);color:var(--muted)}
.feature h3,.faq-item h3{font:400 24px/1.4 var(--serif);margin:16px 0 8px}
.feature p,.faq-item p{font:16px/1.8 var(--serif);color:var(--muted);margin:0;max-width:470px}
.product-zh{font-family:var(--cjk)}.product-zh h2{font:400 clamp(25px,3vw,36px)/1.6 var(--cjk)}
.product-zh>p:last-child{font:17px/2 var(--cjk);color:var(--muted);max-width:780px}
.faq-item{border-top:1px solid #aaa18f70;padding:23px 0 29px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px}
.faq-item h3{margin:0;font-size:21px}.faq-item p{max-width:none}
.product-footer{border-top:1px solid var(--line);padding:36px 0 60px;display:flex;justify-content:space-between;gap:25px;font:13px/1.8 var(--serif);color:var(--muted)}
.product-footer>div:first-child{display:flex;align-items:baseline;gap:15px}.product-footer p{margin:0}
.footer-symbol{font:30px/1 var(--small);color:var(--ink)}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-top{align-self:flex-start;white-space:nowrap}
@media(max-width:750px){.product-nav{width:calc(100% - 32px);min-height:68px;gap:10px}.product-nav nav{gap:13px}
.product-main{width:calc(100% - 34px)}.product-hero{padding-bottom:54px}.product-hero-grid{grid-template-columns:1fr;padding-top:34px;gap:42px}
.product-image{max-width:520px}.product-intro h1{font-size:clamp(42px,9vw,64px)}
.product-identity,.product-features,.product-zh,.product-faq{padding:43px 0 54px}.feature-grid,.product-facts{grid-template-columns:1fr}.faq-item{grid-template-columns:1fr;gap:9px}
.product-footer{flex-wrap:wrap}.product-footer>div:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff}.product-nav,.product-actions{display:none}.product-main{width:100%}.product-image img{max-height:15cm;width:auto;box-shadow:none}}