/* Chinese uses its own reading rhythm, not the English heading metrics. */
html[lang="zh-CN"]{line-break:strict;word-break:normal;font-synthesis:none}
html[lang="zh-CN"] :is(.hero h1,.section-heading h2,.about h2){font-weight:500;letter-spacing:0;line-height:1.3;text-wrap:balance}
html[lang="zh-CN"] .hero h1{line-height:1.28}
html[lang="zh-CN"] .hero-copy>p{max-width:32em;margin-top:28px}
html[lang="zh-CN"] :is(.hero-copy>p,.expertise-copy>p,.channel-copy>p,.story-step p,.about-copy>p,.section-heading>p){font-weight:400;line-height:1.85;letter-spacing:0;text-wrap:pretty}
html[lang="zh-CN"] #products .game-description{line-height:1.85;letter-spacing:0;text-wrap:pretty;max-width:38em}
html[lang="zh-CN"] :is(.expertise-copy h3,.channel-copy h3,.inventory-resource h4){font-weight:500;letter-spacing:0;line-height:1.45}
html[lang="zh-CN"] #approach .story-step h3{font-weight:500;letter-spacing:0;line-height:1.45;margin-bottom:12px}
html[lang="zh-CN"] #approach .story-step p{max-width:27em;line-height:1.85;font-size:16px}
html[lang="zh-CN"] #approach .section-heading>p{max-width:34em;font-size:17px;line-height:1.85;letter-spacing:0;text-wrap:pretty}
html[lang="zh-CN"] #approach .section-heading h2{max-width:18em}
html[lang="zh-CN"] .about-copy>.about-lead{font-weight:500;font-size:22px;line-height:1.7;letter-spacing:0}
html[lang="zh-CN"] :is(.hero-links .hero-action,.desktop-nav a){font-weight:500;letter-spacing:0}
html[lang="zh-CN"] .desktop-nav a{font-size:13px}
html[lang="zh-CN"] :is(.expertise-detail,.product-tags,.inventory-resource p){letter-spacing:0;line-height:1.8;text-wrap:pretty}
html[lang="zh-CN"] :is(.intro-statement,#intro-enter,#intro-form-toggle){letter-spacing:0}
html[lang="zh-CN"] .intro-entry>small{letter-spacing:.03em;font-size:11px}
html[lang="zh-CN"] #scene-toggle{white-space:nowrap;flex-shrink:0;font-size:12px}
.scene-form-index{white-space:nowrap}
html[lang="zh-CN"] .scene-caption>.micro{font-size:11px;white-space:nowrap;letter-spacing:0}
@media(max-width:800px){html[lang="zh-CN"] .hero-copy>p{max-width:34em}html[lang="zh-CN"] #approach .section-heading>p{font-size:16px}html[lang="zh-CN"] .section-heading h2{max-width:100%}}
@media(max-width:540px){html[lang="zh-CN"] .hero h1{font-size:clamp(34px,9.2vw,42px)}html[lang="zh-CN"] :is(.section-heading h2,.about h2){font-size:clamp(27px,7.5vw,34px);line-height:1.35}html[lang="zh-CN"] :is(.hero-copy>p,.section-heading>p,.about-copy>p){font-size:15px;line-height:1.85;max-width:100%}html[lang="zh-CN"] #approach :is(.section-heading>p,.story-step p){font-size:15px;line-height:1.85}html[lang="zh-CN"] .about-copy>.about-lead{font-size:20px;line-height:1.75}html[lang="zh-CN"] .scene-caption{left:5%;right:5%;gap:12px}html[lang="zh-CN"] .scene-caption>.micro{font-size:10px}html[lang="zh-CN"] .hero-links{gap:8px 28px}html[lang="zh-CN"] .hero-copy>p{margin-top:22px}}