@font-face{font-family:XiangxiEnglishSerif;src:url('/assets/fonts/ui-en/source-serif4.woff2') format('woff2');font-display:swap;font-weight:200 900}
@font-face{font-family:XiangxiEnglishSans;src:url('/assets/fonts/ui-en/source-sans3.woff2') format('woff2');font-display:swap;font-weight:200 900}
/* Outrank the heritage font groups, including their highest-specificity member. */
:root[lang=en] body,:root[lang=en] body:is(.ui-heritage,.ui-phase2) *{font-family:XiangxiEnglishSans,XiangxiSansPreview400,Arial,sans-serif!important}
:root[lang=en] body:is(.ui-heritage,.ui-phase2) :is(h1,h1 *,h2,h2 *,h3,h3 *,.story-title-line){font-family:XiangxiEnglishSerif,Georgia,serif!important;font-weight:600!important}
:root[lang=en] body:is(.ui-heritage,.ui-phase2) .language-switch{font-family:XiangxiSansPreview500,sans-serif!important}
html[lang=en] .hero h1{font-size:clamp(48px,6vw,86px);line-height:1.05;letter-spacing:-.035em}
html[lang=en] .hero-copy{min-width:0}
html[lang=en] .scene-copy{max-width:850px}
html[lang=en] .scene-copy :is(h1,h2){font-size:clamp(40px,5.2vw,78px);letter-spacing:-.025em}
html[lang=en] .scene-copy p{max-width:650px}
html[lang=en] .product-name{line-height:1.3}
html[lang=en] .detail-summary h1{font-size:clamp(36px,4vw,64px);line-height:1.15}
html[lang=en] .filter-button{padding-inline:13px}
html[lang=en] .contact-copy h2{font-size:clamp(36px,4vw,56px)}
html[lang=en] p,html[lang=en] address,html[lang=en] .detail-meta{overflow-wrap:anywhere}
/* Keep enlarged long words inside their actual columns, never clip or shrink them. */
html[lang=en] :is(h1,h2,h3,.story-title-line){overflow-wrap:anywhere;max-width:100%;min-width:0}
@media(max-width:900px){html[lang=en] .catalog-toolbar{flex-wrap:wrap}}
@media(max-width:900px){
  html[lang=en] .depth-card{width:min(78vw,440px);min-width:0}
  html[lang=en] .depth-card-media{width:100%}
  html[lang=en] .depth-card-copy{flex-direction:column;align-items:flex-start;gap:6px}
  html[lang=en] .depth-card-copy>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:760px){html[lang=en] .scene-copy :is(h1,h2){font-size:clamp(36px,9vw,58px)}html[lang=en] .hero h1{font-size:clamp(44px,10vw,64px)}}
