/* Language controls and script-aware type, without altering the section hierarchy. */
.language-control{display:flex;align-items:center;flex:none}
.language-control select{max-width:112px;min-height:40px;padding:6px 18px 6px 7px;border:1px solid var(--rule-d);border-radius:0;background:#191d1e;color:var(--d-1);font:11px var(--sans);cursor:pointer}
.language-control select:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.masthead-inner{gap:18px}.nav-desktop{gap:17px}
html:not([lang="en"]) .nav-desktop a{font-size:10px;letter-spacing:.035em}
html:not([lang="en"]) .nav-cta,html:not([lang="en"]) .header-contact{font-size:10px;letter-spacing:.025em}
html:not([lang="en"]) .hero-type .l1,html:not([lang="en"]) .hero-type .l2{font-size:clamp(60px,8.5vw,144px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .statement{font-size:clamp(36px,5.8vw,94px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .btn{white-space:normal;line-height:1.4;text-align:left}
html:not([lang="en"]) .hero-scene-label{white-space:normal;line-height:1.25;font-size:10px}
html:not([lang="en"]) .band h3{font-size:clamp(34px,4.5vw,74px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .core3d-controls{flex-wrap:wrap}
html:not([lang="en"]) .core3d-controls button{white-space:normal}
html:not([lang="en"]) .hotspot b{white-space:normal;max-width:15ch}
html:not([lang="en"]) .globe-origin{max-width:65%}
html:not([lang="en"]) .globe-origin strong{overflow-wrap:break-word}
html:not([lang="en"]) .contact-method-row{min-width:0}
html:not([lang="en"]) .contact-copy{min-width:50px}
html:not([lang="en"]) .refs-name{letter-spacing:.09em;line-height:1.45}
html:not([lang="en"]) .refs-figure i{line-height:1.2}
html:not([lang="en"]) .close-type h2{overflow-wrap:break-word;hyphens:auto}
html:lang(th),html:lang(vi){line-height:1.65}
html:lang(th) .eyebrow,html:lang(th) .refs-name,html:lang(th) .hero-scene-label,html:lang(zh) .eyebrow{letter-spacing:.04em}
html:lang(th) .hero-type h1,html:lang(vi) .hero-type h1{line-height:1.18}
html:lang(th) .hero-type .l1,html:lang(th) .hero-type .l2{font-size:clamp(52px,7vw,112px)}
html:lang(zh) .hero-type .l1,html:lang(zh) .hero-type .l2{letter-spacing:-.02em;line-height:1.12}
html:lang(zh) .statement{line-height:1.2}
/* Refined reveal uses the existing uploaded mark and wordmark unchanged. */
.brand-mark{animation:brand-precision-reveal 1.05s cubic-bezier(.22,.7,.2,1) both}
.brand-word{animation:brand-precision-reveal .95s .14s cubic-bezier(.22,.7,.2,1) both}
.brand::after{width:100%;transform:scaleX(0);transform-origin:left;animation:brand-accent-reveal 1.15s .2s cubic-bezier(.22,.7,.2,1) both;transition:opacity .35s,transform .45s;opacity:.38}
.brand:hover::after,.brand:focus-visible::after{opacity:1;transform:scaleX(1)}
.brand img{transition:filter .35s}.brand:hover img{transform:none;filter:brightness(1.12)}
@keyframes brand-precision-reveal{from{opacity:0;transform:translateY(3px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@keyframes brand-accent-reveal{from{transform:scaleX(0)}to{transform:scaleX(.32)}}
@media(max-width:1320px){html:not([lang="en"]) .nav-desktop{display:none}html:not([lang="en"]) .nav-toggle{display:flex}html:not([lang="en"]) .language-control{margin-left:auto}}
@media(max-width:1000px){.language-control{margin-left:auto}.header-contact{margin-left:0}}
@media(max-width:720px){
 .language-control select{font-size:10px;max-width:91px;padding:6px 3px;min-height:36px}
 .masthead-inner{gap:10px}.brand{gap:6px}.brand-word{max-width:91px;height:auto}.brand-mark{flex:none}
 .header-contact{max-width:58px;white-space:normal;line-height:1.35}
 html:not([lang="en"]) .header-contact{font-size:9px}
 html:not([lang="en"]) .hero-type .l1,html:not([lang="en"]) .hero-type .l2{font-size:clamp(36px,9.5vw,65px);line-height:1.1}
 html:not([lang="en"]) .hero-type .l3{font-size:clamp(22px,6vw,34px);max-width:22ch;line-height:1.2}
 html:not([lang="en"]) .hero-scene-label{font-size:8px}
 html:not([lang="en"]) .hero-cta{gap:12px;flex-wrap:wrap}
 html:not([lang="en"]) .core3d-controls{grid-template-columns:1fr 1fr 1fr 44px 44px}
 html:not([lang="en"]) .core3d-controls button{line-height:1.4}
 html:lang(th) .hero-type .l1,html:lang(th) .hero-type .l2{line-height:1.3}
 .refs-spec{line-height:1.5}
}
@media(max-width:380px){.brand-word{max-width:76px}.language-control select{max-width:80px}.header-contact{max-width:46px}.masthead-inner{gap:8px}}
@media(prefers-reduced-motion:reduce){.brand-mark,.brand-word,.brand::after{animation:none}.brand::after{transform:scaleX(.32)}.brand img,.brand::after{transition:none}}

html:not([lang="en"]) .hero-type h1 .l1,html:not([lang="en"]) .hero-type h1 .l2{white-space:normal}
#reference-panel[data-reference="btw"] .refs-figure i,#reference-panel[data-reference="hsr"] .refs-figure i,#reference-panel[data-reference="xd"] .refs-figure i{margin-left:16px}
html:not([lang="en"]) .product-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
html:not([lang="en"]) .product-tabs button{min-width:0;overflow-wrap:anywhere;hyphens:auto}
html:not([lang="en"]) .header-contact,html:not([lang="en"]) .scale-title,html:not([lang="en"]) .close-title{overflow-wrap:anywhere;hyphens:auto}
html:not([lang="en"]) .core3d-controls button{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:720px){html:not([lang="en"]) .close-title{font-size:clamp(40px,12vw,70px)}html:not([lang="en"]) .core3d-controls button{min-height:52px}}