/* 双语切换、统一标题与轻量入场样式；正文与原有四页布局继续使用原规则。 */
:root{--font-text:'Edge Latin','Edge Sans','PingFang SC','Microsoft YaHei',sans-serif;--font-display:var(--font-text)}
body,input,textarea,button{font-family:var(--font-text)}
.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.header>.brand{grid-column:1;justify-self:start}
.header>.nav{grid-column:2}
.header>.header-actions{grid-column:3;justify-self:end}
.header-actions{display:flex;align-items:center;gap:24px}
.language-switch{display:flex;align-items:center;gap:2px;white-space:nowrap;flex:none}
.language-switch button{padding:8px 7px;background:none;border:0;font-size:11px;line-height:1.4;letter-spacing:.02em;color:#bec5c3;opacity:.65;transition:opacity .2s,color .2s}
.language-switch button[aria-pressed=true]{color:#f5f5f1;opacity:1;text-decoration:underline;text-underline-offset:5px}
.language-switch button:hover{opacity:1}.language-switch button:focus-visible{outline:1px solid #f5f5f1;outline-offset:2px}
.portfolio .chapter-title,.contact .chapter-title,.latest-articles h3,.contact-option-title,.contact-dialog-intro h2,.letter-impact,.letter-title{font-family:var(--font-display);font-weight:400;font-synthesis:style}
.letter .letter-title,.letter .letter-copy p,.letter-impact-copy,.letter-motto-cn,.letter-statement .signoff,.letter-statement .signoff small{font-family:var(--font-text)}
.letter-impact{font-size:inherit;line-height:0;margin-bottom:22px}
.letter-impact span{display:block;white-space:nowrap}
.media video{transition:opacity .25s ease}
.js-motion [data-reveal]{transition-duration:.4s,.5s}
.hero .eyebrow{letter-spacing:.11em}
html[lang=en] .hero .chapter-title{width:min(680px,60vw);margin-left:0;font-family:var(--font-display);font-size:clamp(36px,3.4vw,58px);line-height:1.25;letter-spacing:-.04em;white-space:normal}
html[lang=en] .hero .chapter-title>span{display:block;white-space:nowrap}
html[lang=en] .letter-title{font-size:clamp(25px,2.4vw,35px);line-height:1.25;letter-spacing:-.025em}
html[lang=en] .letter-title span{display:block}
html[lang=en] .letter-title span+span:before{content:none}
html[lang=en] .letter-copy p{font-family:var(--font-text);line-height:1.8;letter-spacing:0}
html[lang=en] .letter-impact-copy,html[lang=en] .letter-motto-cn{font-family:var(--font-text);letter-spacing:0;line-height:1.65}
html[lang=en] .letter-motto-cn br{display:initial}
html[lang=en] .letter-subtitle{display:none}
html[lang=en] .letter .scene-body{padding-top:clamp(120px,15vh,165px);padding-bottom:100px}
html[lang=en] .latest-articles a{line-height:1.55}
@media(max-width:1100px){.header-actions{gap:12px}}
@media(max-width:700px){.header-actions{gap:14px}.language-switch button{padding:8px 5px;font-size:10px}.letter-impact{font-size:inherit}.letter-title{font-size:28px}html[lang=en] .hero .chapter-title{width:100%;font-size:clamp(25px,6.2vw,42px);line-height:1.3;letter-spacing:-.045em}html[lang=en] .hero .eyebrow{font-size:8px;letter-spacing:.04em}html[lang=en] .letter .scene-body{padding-top:120px;padding-bottom:120px}html[lang=en] .letter-title{font-size:28px}html[lang=en] .letter-copy p{line-height:1.8}.letter-statement{max-width:270px}}
@media(max-width:360px){.header-actions{gap:7px}.brand{gap:10px}.brand-name{font-size:8px}.language-switch button{padding:8px 4px}}
/* 手机联系页在背景素材尚未读取或失败时仍保留浅色底，页脚继续使用深色底。 */
@media(max-width:700px){.contact{background:#d3c5ae}.contact .media{background:linear-gradient(0deg,#17231d,#d3c5ae 28%)}}
@media(max-width:360px){.contact .chapter-title{font-size:clamp(2rem,11.25vw,2.5rem)}}
