/* Explicit language controls stay outside the collapsible menu. */
.language-switch{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;border:1px solid #d1b07845;border-radius:999px;padding:3px;line-height:1.3;font-family:Arial,"Microsoft YaHei",sans-serif;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;padding:5px 8px;border-radius:999px;font-size:12px;color:#c5c4c8;transition:background .2s,color .2s}
.language-switch a:hover{color:var(--cream);background:#ffffff0b}
.language-switch a[aria-current="true"],.language-switch a[aria-current="page"]{color:#17140f;background:var(--gold)}
.language-switch a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
html[lang="en"]{--serif:Georgia,"Times New Roman",serif}
html[lang="en"] body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:1.2}
html[lang="en"] .brand-text strong{font-family:Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:1.6px;font-weight:500}
html[lang="en"] .brand-text small{letter-spacing:1.5px}
html[lang="en"] .header-inner{gap:18px}
html[lang="en"] #site-nav{gap:22px}
html[lang="en"] #site-nav a{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;white-space:nowrap}
html[lang="en"] .header-cta{font-family:Arial,Helvetica,sans-serif;gap:15px;padding:10px 15px;font-size:12px;line-height:1.5;white-space:nowrap}
html[lang="en"] .hero h1{max-width:740px;font-size:clamp(44px,5.2vw,72px);line-height:1.14;letter-spacing:-.02em}
html[lang="en"] .hero-sub{max-width:620px;font-size:18px;line-height:1.5;letter-spacing:0}
html[lang="en"] .hero-description{max-width:520px;font-size:15px;line-height:1.8}
html[lang="en"] .hero-tags{flex-wrap:wrap;letter-spacing:.04em;gap:12px 22px}
html[lang="en"] .hero-actions{flex-wrap:wrap}
html[lang="en"] .hero-caption{letter-spacing:1.6px}
html[lang="en"] .section-heading h2,html[lang="en"] .factory-copy h2{font-size:clamp(31px,3.5vw,44px);line-height:1.24}
html[lang="en"] .page-intro h1{max-width:900px;font-size:clamp(36px,4.8vw,64px);line-height:1.15}
html[lang="en"] .page-intro>p:last-child{max-width:760px;line-height:1.8}
html[lang="en"] .business-grid>*{min-width:0}
html[lang="en"] .business-card h3{font-size:clamp(24px,2.8vw,36px);padding-right:32px;overflow-wrap:normal}
html[lang="en"] .business-card p{max-width:calc(100% - 30px);font-size:13px;line-height:1.75}
html[lang="en"] .business-card i{right:0;top:50px}
html[lang="en"] .business-card div>span{font-size:11px;letter-spacing:.03em}
html[lang="en"] .product-nav a{line-height:1.5;gap:15px;align-items:center}
html[lang="en"] .product-detail>div{min-width:0}
html[lang="en"] .product-detail h2{font-size:clamp(30px,3.5vw,44px);line-height:1.18}
html[lang="en"] .product-detail h3{line-height:1.5;font-size:21px}
html[lang="en"] .product-detail p{line-height:1.8}
html[lang="en"] .product-pills span{font-size:12px;line-height:1.5}
html[lang="en"] .service-grid h3{font-size:32px;line-height:1.25}
html[lang="en"] .service-grid article>p{line-height:1.8}
html[lang="en"] .flow{flex-wrap:wrap;line-height:1.65;gap:12px}
html[lang="en"] .scene-strip strong{font-size:23px;line-height:1.25}
html[lang="en"] .scene-strip a>span:first-child{font-size:8px;letter-spacing:.06em}
html[lang="en"] .chain strong{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}
html[lang="en"] .gallery-card-copy h2{font-size:27px;line-height:1.25}
html[lang="en"] .gallery-card-copy p{font-size:14px;line-height:1.75}
html[lang="en"] .group-showroom-copy h3{line-height:1.25}
html[lang="en"] .contact-row .contact-number,html[lang="en"] .footer-contact .footer-phone{font-size:clamp(22px,2.2vw,28px);gap:10px}
html[lang="en"] .footer-phone small,html[lang="en"] .contact-number small{font-family:Arial,Helvetica,sans-serif;font-size:13px}
html[lang="en"] .contact-row strong{overflow-wrap:break-word;line-height:1.8}
html[lang="en"] .footer-top{gap:38px}
html[lang="en"] .footer-links a{line-height:1.55}
html[lang="en"] .footer-bottom{flex-wrap:wrap;gap:12px 22px}
html[lang="en"] .footer-bottom .icp-record{font-family:system-ui,sans-serif}
html[lang="en"] .form-note{line-height:1.8}
html[lang="en"] .lightbox p{font-family:Arial,Helvetica,sans-serif;line-height:1.75}
@media(min-width:1051px) and (max-width:1240px){html[lang="en"] #site-nav{gap:15px}html[lang="en"] .header-cta{display:none}html[lang="en"] .header-inner{gap:16px}html[lang="en"] .brand-text strong{font-size:18px}}
@media(max-width:1000px){
 html[lang="en"] .header-inner{gap:14px}
 html[lang="en"] .header-cta{display:none}
 html[lang="en"] .site-header .brand{order:0}
 html[lang="en"] .site-header .language-switch{order:2;margin-left:auto}
 html[lang="en"] .menu-toggle{order:3;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--border);padding:12px;background:none;width:42px;height:40px;flex-shrink:0}
 html[lang="en"] .menu-toggle span{display:block;height:1px;background:var(--cream);width:100%}
 html[lang="en"] #site-nav{display:none;position:absolute;top:87px;left:0;right:0;flex-direction:column;gap:0;background:#151519;border-bottom:1px solid var(--border);padding:14px 28px 24px}
 html[lang="en"] #site-nav.open{display:flex}
 html[lang="en"] #site-nav a{padding:13px 12px;font-size:14px;white-space:normal}
 html[lang="en"] #site-nav [aria-current]:after{width:24px;right:auto;bottom:7px;left:12px}
 html[lang="en"] .business-card h3{font-size:30px}
 html[lang="en"] .scene-strip strong{font-size:20px}
}
@media(max-width:700px){
 .site-header .header-inner{gap:10px}
 .site-header .brand{order:0;gap:10px}
 .site-header .brand-text strong{font-size:17px}
 .site-header .language-switch{order:2;margin-left:auto}
 .site-header .menu-toggle{order:3;flex-shrink:0;width:38px}
 .language-switch{padding:2px;gap:0}
 .language-switch a{min-width:31px;min-height:30px;padding:5px 7px;font-size:11px}
 html[lang="en"] .brand-text strong{font-size:15px;letter-spacing:1px}
 html[lang="en"] .brand-text small{font-size:6px;letter-spacing:1.5px}
 html[lang="en"] #site-nav{top:71px;padding-left:20px;padding-right:20px}
 html[lang="en"] .header-inner{gap:10px}
 html[lang="en"] .hero h1{font-size:clamp(37px,9vw,48px);line-height:1.16;max-width:100%}
 html[lang="en"] .hero-sub{font-size:14px;line-height:1.6}
 html[lang="en"] .hero-description{font-size:13px;line-height:1.8;max-width:100%}
 html[lang="en"] .hero-tags{font-size:9px;gap:10px 14px}
 html[lang="en"] .hero-caption{font-size:6px;letter-spacing:1px}
 html[lang="en"] .section-heading h2,html[lang="en"] .factory-copy h2{font-size:30px}
 html[lang="en"] .business-card h3{font-size:28px;padding-right:32px}
 html[lang="en"] .business-card p{font-size:12px;line-height:1.7}
 html[lang="en"] .business-card div>span{font-size:9px}
 html[lang="en"] .business-card i{right:20px;top:45px}
 html[lang="en"] .page-intro h1{font-size:37px}
 html[lang="en"] .page-intro>p:last-child{font-size:13px}
 html[lang="en"] .product-nav a{font-size:12px;gap:12px}
 html[lang="en"] .product-detail h2{font-size:31px}
 html[lang="en"] .product-detail h3{font-size:19px}
 html[lang="en"] .product-detail p{font-size:13px}
 html[lang="en"] .product-pills span{font-size:11px}
 html[lang="en"] .service-grid h3{font-size:28px}
 html[lang="en"] .service-grid article>p{font-size:13px}
 html[lang="en"] .flow{font-size:11px;gap:8px 11px}
 html[lang="en"] .scene-strip strong{font-size:18px;overflow-wrap:break-word;padding-right:10px}
 html[lang="en"] .gallery-card-copy h2{font-size:25px}
 html[lang="en"] .gallery-card-copy p{font-size:13px}
 html[lang="en"] .contact-band h2{font-size:31px}
 html[lang="en"] .chain strong{font-size:12px}
 html[lang="en"] .timeline h3{font-size:19px}
 html[lang="en"] .timeline p{font-size:12px;line-height:1.8}
 html[lang="en"] .contact-row .contact-number{font-size:25px;gap:8px}
 html[lang="en"] .mobile-phone .phone-digits{font-size:11px}
 html[lang="en"] .mobile-contact>a:first-child{font-size:11px}
 html[lang="en"] .footer-top{gap:28px}
}
@media(max-width:380px){
 .site-header .header-inner{gap:7px}
 .site-header .brand{gap:8px}
 .site-header .menu-toggle{width:35px;padding:10px}
 .language-switch a{min-width:29px;padding:5px 6px}
 html[lang="en"] .site-header .brand-text strong{font-size:13px;letter-spacing:.7px}
 html[lang="en"] .site-header .brand-text small{font-size:5px;letter-spacing:1px}
 html[lang="en"] .hero h1{font-size:35px}
 html[lang="en"] .page-intro h1{font-size:33px}
 html[lang="en"] .contact-row .contact-number{font-size:22px}
 html[lang="en"] .mobile-phone .phone-digits{font-size:10px}
}