/* Language controls stay available on desktop and mobile. */
.header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.language-switch{display:flex;align-items:center;gap:2px;white-space:nowrap;color:var(--muted)}
.language-switch button{min-width:36px;min-height:44px;padding:8px 5px;background:transparent;color:var(--muted);font-size:13px}
.language-switch button[aria-pressed=true]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:6px}
.language-switch>span{font-size:11px;opacity:.5}
html[lang=en] .desktop-nav{gap:24px}
html[lang=en] .desktop-nav>a,html[lang=en] .header-contact{white-space:nowrap}
html[lang=en] .hero h1{font-size:clamp(32px,3.2vw,54px);letter-spacing:-.035em}
html[lang=en] .hero-tagline{max-width:620px}
html[lang=en] #business-title{font-size:clamp(34px,3.3vw,50px);line-height:1.16}
html[lang=en] #contact-title{font-size:clamp(32px,3.1vw,48px)}
html[lang=en] .achievement-metric dd{white-space:normal}
html[lang=en] .metric-unit{display:block;margin:8px 0 0;letter-spacing:0;line-height:1.4}
html[lang=en] .business-head>*,html[lang=en] .contact>*,html[lang=en] .platform-top>*{min-width:0}
@media(min-width:761px) and (max-width:1100px){
 .header-inner{gap:16px;padding-inline:20px}
 .header-actions{gap:12px}
 .header-inner .brand{width:165px}
 .header-contact{display:none}
 html[lang=en] .desktop-nav{gap:16px}
 html[lang=en] .desktop-nav>a{font-size:12px}
}
@media(max-width:760px){
 .header-inner{gap:8px;padding-inline:16px}
 .header-actions{gap:4px}
 .header-inner .brand{width:clamp(125px,37vw,169px)}
 .language-switch button{font-size:12px;min-width:31px;padding-inline:3px}
 html[lang=en] .hero h1{font-size:clamp(28px,7vw,38px)}
 html[lang=en] .hero-description{font-size:13px;line-height:1.65}
 html[lang=en] .hero .hero-actions{gap:8px}
 html[lang=en] .hero-actions .button{font-size:11px;gap:8px;padding-inline:12px}
 html[lang=en] .metric-unit{font-size:10px}
 html[lang=en] .works-bottom{flex-direction:column;gap:12px}
 html[lang=en] .platform-entry{flex-wrap:wrap;gap:14px}
 html[lang=en] .service summary{gap:12px}
 html[lang=en] .service h3{font-size:20px}
 html[lang=en] .footer-right{align-items:flex-start;flex-wrap:wrap}
 html[lang=en] .reel-heading h2{font-size:clamp(23px,6vw,32px)}
}