/* Shared four-language control; the original Media logo, navigation and content stay intact. */
.language-selector{position:relative;flex:0 0 44px;z-index:60;font-family:Space,Arial,sans-serif}
.language-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;background:#fff;color:#111;border:2px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111;font:700 13px Space,Arial,sans-serif;cursor:pointer}
.language-selector ul{position:absolute;top:52px;right:0;min-width:86px;list-style:none;margin:0;padding:5px;background:#fff;border:2px solid #111;border-radius:4px;box-shadow:3px 3px 0 #111}
.language-selector li{margin:0}.language-selector a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 12px;color:#111;text-decoration:none;font:700 14px Space,Arial,sans-serif}.language-selector a[aria-current],.language-selector a:hover{background:#ffda00}.language-selector [hidden]{display:none!important}.language-toggle:focus-visible,.language-selector a:focus-visible{outline:3px solid #1479f5;outline-offset:4px}
.header-inner{gap:18px}.header-inner>.logo{order:0}.header-inner>.language-selector{order:1}.header-inner>.desktop-nav{order:2;margin-left:auto}.header-inner>.button{order:3}.header-inner>.menu-toggle{order:4}.desktop-nav a{white-space:nowrap}
.hero-copy,.service-card,.case-copy,.section-side,.detail-grid>*,.contact-layout>*,.footer-brand{min-width:0}.button{white-space:normal;text-align:center}.button>span{min-width:0}.legal-content p,.case-copy p,.contact-layout p,.faq-list p{overflow-wrap:break-word}
html[lang="zh-Hans"] body,html[lang="zh-Hans"] button,html[lang="zh-Hans"] input,html[lang="zh-Hans"] select,html[lang="zh-Hans"] textarea{font-family:Space,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{font-family:Archivo,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;line-height:1.15}html[lang="zh-Hans"] p{line-height:1.75}
html:not([lang="en"]) .hero h1{white-space:normal;font-size:clamp(43px,4.4vw,66px);overflow-wrap:normal}
html:not([lang="en"]) .hero h1 .highlight{display:inline-block;max-width:100%}
html:not([lang="en"]) .service-card h3{font-size:clamp(20px,2.05vw,29px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .work-image-title{font-size:clamp(18px,2vw,28px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .service-hero h1{font-size:clamp(38px,3.8vw,58px);overflow-wrap:break-word;hyphens:auto}
html:not([lang="en"]) .service-poster strong{font-size:clamp(26px,3vw,40px);hyphens:auto;overflow-wrap:break-word}
html:not([lang="en"]) .quote-art h2{font-size:clamp(32px,3.6vw,52px);overflow-wrap:normal}
html:not([lang="en"]) .about-poster span,html:not([lang="en"]) .about-poster strong{font-size:clamp(34px,4.3vw,60px);overflow-wrap:normal}
html:not([lang="en"]) .hero-art .video-copy strong{font-size:clamp(16px,1.8vw,26px)}
html:not([lang="en"]) .video-toggle{font-size:12px!important;gap:6px;min-width:0}
html:not([lang="en"]) .demo-label{white-space:normal;max-width:calc(100% - 16px);line-height:1.3}
@media(min-width:961px) and (max-width:1200px){.header-inner{gap:10px}.header-inner>.logo.media-logo{width:185px;max-width:185px}.desktop-nav{gap:4px}.desktop-nav a{padding:9px 6px;font-size:12px}.header-inner>.button{max-width:150px;font-size:12px;gap:10px;padding:10px}.header-inner>.button svg{width:16px;height:16px}}
@media(max-width:960px){.header-inner{gap:10px}.header-inner>.logo.media-logo{order:0;flex:0 1 232px;width:232px;min-width:0;max-width:calc(100% - 108px);margin-right:auto}.header-inner>.language-selector{order:1}.header-inner>.menu-toggle{order:2;margin-left:0;flex-shrink:0}.header-inner>.button{display:none}.header-inner>.desktop-nav{display:none}.language-selector{flex-basis:44px}.hero-copy h1{max-width:100%}}
@media(max-width:600px){
 html:not([lang="en"]) .hero h1{font-size:clamp(31px,8.2vw,38px);letter-spacing:-.045em;line-height:1.08}
 html[lang="zh-Hans"] .hero h1{font-size:clamp(38px,10.5vw,48px);letter-spacing:0}
 html:not([lang="en"]) .hero-actions{gap:12px}.hero-actions .button{min-width:0}
 html:not([lang="en"]) .hero-actions .button{font-size:12px!important;padding:10px;gap:8px}
 html:not([lang="en"]) .hero-copy>.scribble{font-size:11px;max-width:96%}
 html:not([lang="en"]) .hero-art .video-copy strong{font-size:13px}
 html:not([lang="en"]) .hero-art .demo-label{font-size:5px;max-width:calc(100% - 8px)}
 html:not([lang="en"]) .hero-art .video-toggle{font-size:9px!important;gap:3px;padding:7px 2px;min-height:39px}
 html:not([lang="en"]) .video-status{font-size:7px;line-height:1.4}
 html:not([lang="en"]) .service-card h3{font-size:20px;hyphens:auto;overflow-wrap:break-word}
 html:not([lang="en"]) .service-card p{font-size:11px}
 html:not([lang="en"]) .section-side h2{font-size:27px}
 html:not([lang="en"]) .work-image-title{font-size:18px;line-height:1.08}
 html:not([lang="en"]) .concept-badge{font-size:6px;max-width:calc(100% - 14px)}
 html:not([lang="en"]) .contact-layout h1{font-size:39px;overflow-wrap:normal}
 html:not([lang="en"]) .contact-poster strong{font-size:30px;hyphens:auto}
 html:not([lang="en"]) .page-intro h1{font-size:35px;overflow-wrap:break-word;hyphens:auto}
 html:not([lang="en"]) .service-hero h1{font-size:36px}
 html:not([lang="en"]) .service-poster strong{font-size:29px}
 html:not([lang="en"]) .quote-art h2{font-size:30px;line-height:1.1}
 html:not([lang="en"]) .quote-sticker{font-size:9px;max-width:70%;line-height:1.35}
 html:not([lang="en"]) .about-poster span,html:not([lang="en"]) .about-poster strong{font-size:40px;line-height:1.1}
 html:not([lang="en"]) .closing h2{font-size:29px}
 html:not([lang="en"]) .process-step h3{font-size:14px;overflow-wrap:break-word}
 html:not([lang="en"]) .process-expanded .process-step h3{font-size:19px}
 html:not([lang="en"]) .review-actions .button{font-size:12px!important}
 html:not([lang="en"]) .footer-bottom nav{gap:14px;flex-wrap:wrap;justify-content:center}
}

/* Compact outlined language choices; preserve the existing header and dropdown geometry. */
.language-selector a{box-sizing:border-box;min-height:44px;min-width:44px;margin:4px 0;border:1.5px solid #111;border-radius:4px;box-shadow:2px 2px 0 #111;background:#fff;color:#111;text-transform:uppercase;white-space:nowrap}
.language-toggle{text-transform:uppercase}
.language-selector a[aria-current],.language-selector a:hover{background:#ffda00}
.language-selector a:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #111}