@font-face{font-family:"AICH English Serif";src:url("/assets/aich-english-serif.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
html[lang="en"]{--font:"AICH English Serif","AICH WenKai Fallback",serif}
.english-art-text{font-family:var(--font);font-weight:400;text-shadow:none;filter:none}
html[lang="en"] .navigation{gap:20px}
html[lang="en"] .navigation a{font-size:1rem}
html[lang="en"] .header-inner{gap:24px}
html[lang="en"] .brand{width:230px}
html[lang="en"] .home-motto{letter-spacing:.03em;font-size:1.45rem}
html[lang="en"] .home-copy h1{font-size:clamp(2rem,3vw,3.3rem)}
html[lang="en"] .brand-definition .english{font-size:1.05rem}
html[lang="en"] .brand-definition p+p{font-size:1.05rem}
html[lang="en"] .person-role{font-size:1.35rem;line-height:1.65}
html[lang="en"] .about-copy h1{font-size:3rem}
html[lang="en"] .metric strong{font-size:1.9rem;line-height:1.3}
html[lang="en"] .metric p{font-size:1rem;line-height:1.6}
html[lang="en"] .service-row{padding-bottom:185px;min-height:660px}
html[lang="en"] .service-row h3{margin-left:0;margin-top:14px;font-size:1.6rem;line-height:1.4}
html[lang="en"] .service-row p{line-height:1.7}
html[lang="en"] .section-heading h2{gap:20px}
html[lang="en"] .section-heading h2:before,html[lang="en"] .section-heading h2:after{flex-shrink:1;max-width:70px}
html[lang="en"] .capability-path span,html[lang="en"] .after-path span{line-height:1.55;overflow-wrap:break-word}
html[lang="en"] .project .project-title h3{font-size:1.4rem}
html[lang="en"] .footer-contact strong{font-size:1.2rem}
/* Keep the landmarks visible beside naturally wrapped English copy. */
html[lang="en"] .regions .card{grid-template-columns:44% minmax(0,1fr)}
html[lang="en"] .region-art{object-position:center;mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}
html[lang="en"] .region-copy{min-width:0;padding:26px 20px 26px 12px}
html[lang="en"] .regions h3{font-size:1.25rem;line-height:1.4;overflow-wrap:break-word}
html[lang="en"] .regions p:not(.place){line-height:1.7}
/* An icon above each label leaves the full card width for long stage names. */
html[lang="en"] .capability-path{gap:22px}
html[lang="en"] .capability-path li{flex-direction:column;min-width:0;min-height:190px;padding:22px 12px;gap:14px}
html[lang="en"] .capability-path span{display:block;min-width:0;max-width:100%;text-align:center;white-space:normal;overflow-wrap:break-word}
html[lang="en"] .capability-path li:not(:last-child):after{right:-18px;top:50%;transform:translateY(-50%)}
@media(min-width:701px) and (max-width:1399px){
 html[lang="en"] .capability-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
 html[lang="en"] .capability-path li:nth-child(3):after{display:none}
}
@media(min-width:701px) and (max-width:1000px){
 html[lang="en"] .regions{grid-template-columns:1fr}
 html[lang="en"] .regions .card{grid-template-columns:40% minmax(0,1fr)}
 html[lang="en"] .region-art{height:100%;min-height:240px}
}
/* Match the Chinese header's desktop navigation and 1000px menu breakpoint. */
@media(min-width:1001px){
 html[lang="en"] .header-inner{flex-wrap:wrap}
 html[lang="en"] .menu-toggle{display:none}
 html[lang="en"] .navigation{display:flex;flex-wrap:wrap;min-width:0}
 html[lang="en"] .languages{flex-shrink:0}
}
@media(min-width:1001px) and (max-width:1200px){
 html[lang="en"] .header-inner{gap:12px}
 html[lang="en"] .brand{width:180px}
 html[lang="en"] .navigation{gap:10px}
 html[lang="en"] .navigation a{font-size:.9375rem}
 html[lang="en"] .languages{padding:4px 6px}
 html[lang="en"] .languages button{font-size:.875rem;padding:4px 6px}
}
@media(max-width:700px){
 html[lang="en"] .header-inner{gap:10px}
 html[lang="en"] .brand{width:175px}
 html[lang="en"] .home-copy h1{font-size:2rem;line-height:1.35}
 html[lang="en"] .home-motto{font-size:1.2rem}
 html[lang="en"] .about-copy h1{font-size:2.35rem}
 html[lang="en"] .person-role{font-size:1.15rem}
 html[lang="en"] .metric strong{font-size:1.5rem}
 html[lang="en"] .section-heading h2:before,html[lang="en"] .section-heading h2:after{display:none}
 html[lang="en"] .section-heading h2{font-size:1.75rem;line-height:1.4}
 html[lang="en"] .page-hero h1{font-size:2rem;line-height:1.35}
 html[lang="en"] .page-hero h2{font-size:1.4rem;line-height:1.55}
 html[lang="en"] .service-row{min-height:0;padding-bottom:195px}
 html[lang="en"] .service-row h3{margin:12px 0 18px}
 html[lang="en"] .service-row p{font-size:1.0625rem}
 html[lang="en"] .regions .card{grid-template-columns:1fr}
 html[lang="en"] .region-art{width:auto;max-width:100%;height:auto;min-height:0;max-height:240px;justify-self:center;margin-top:20px;object-fit:contain;object-position:center;mask-image:linear-gradient(180deg,#000 92%,transparent 100%)}
 html[lang="en"] .region-copy{padding:12px 24px 26px}
 html[lang="en"] .capability-path li{flex-direction:row;justify-content:flex-start;min-height:102px;gap:22px;padding:20px 24px}
 html[lang="en"] .capability-path span{text-align:left;flex:1}
 html[lang="en"] .capability-path li:not(:last-child):after,html[lang="en"] .capability-path li:nth-child(3):after{right:auto;left:50%;top:auto;bottom:-31px;transform:rotate(90deg)}
}