/* Shared bilingual navigation. Compact screens use a full-width disclosure menu. */
.header{height:80px;border-bottom:1px solid #e8edf2;box-shadow:0 3px 18px #132b4405}
.header .nav-shell{max-width:1480px;padding:0 32px;gap:26px}
.header .nav{gap:10px;flex-shrink:0}
.nav-group-top{height:80px;gap:0}
.header .nav-group-top>a,.header .submenu-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:auto;height:48px;padding:0 12px;border:0;border-radius:8px;background:transparent;font-family:inherit;font-size:.9375rem;font-weight:700;line-height:1.3;color:#26384a;white-space:nowrap;cursor:pointer}
.header .nav-group-top>a:hover,.header .submenu-toggle:hover,.header .submenu-toggle[aria-expanded=true]{background:#f0f5fb;color:#0057d5}
.header .submenu-toggle.is-current{color:#0057d5}
.nav-chevron{color:#8593a2;transition:transform .18s,color .18s;flex:none}
.submenu-toggle[aria-expanded=true] .nav-chevron{transform:rotate(180deg);color:#0057d5}
.header .submenu{top:calc(100% - 7px);left:0;min-width:230px;padding:10px;border:1px solid #e4eaf0;border-radius:14px;box-shadow:0 16px 48px #1433541f}
.header .submenu a{padding:13px 14px;font-weight:400;font-size:.9375rem;line-height:1.4;white-space:normal}
.header .submenu a[aria-current=page]{font-weight:700}
.header .header-actions{gap:12px;flex-shrink:0}
.header .language-switch{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 10px;border:1px solid #dce3eb;border-radius:8px;color:#344c62;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.02em}
.header .language-switch:hover{border-color:#7f9dbc;background:#f5f8fc}
.header :is(a,button):focus-visible{outline:2px solid #0066ff;outline-offset:3px}
html[lang=en] .header .brand{width:230px;gap:10px}
html[lang=en] .header .brand-monogram{width:60px}
html[lang=en] .header .brand-wordmark{width:160px}
html[lang=en] .header .nav{gap:2px}
html[lang=en] .header .nav-group-top>a,html[lang=en] .header .submenu-toggle{font-size:.875rem;padding:0 9px}
html[lang=en] .hero h1,html[lang=en] .hero h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.16;letter-spacing:-.035em}
html[lang=en] .hero-content{max-width:1000px}
html[lang=en] .page-hero h1{font-size:clamp(1.9rem,3.3vw,2.7rem)}
html[lang=en] .facts strong span{font-size:.4em}
#inquiry-form{scroll-margin-top:110px}
@media(max-width:1250px){
 .header .nav-shell{padding:0 24px;gap:16px}
 .header .nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;padding:14px 24px 24px;max-height:calc(100dvh - 80px);overflow-y:auto;background:#fff;box-shadow:0 18px 30px #142d4912;flex-direction:column;align-items:stretch;gap:0}
 .header .nav.open{display:flex}
 .header .nav-group{border-bottom:1px solid #edf0f4}
 .header .nav-group-top{height:auto}
 .header .submenu-toggle,.header .nav-group-top>a,html[lang=en] .header .submenu-toggle,html[lang=en] .header .nav-group-top>a{width:100%;min-height:56px;height:auto;justify-content:space-between;padding:16px 12px;font-size:1rem;border-radius:8px}
 .header .submenu{position:static;min-width:0;border:0;box-shadow:none;background:#f5f8fc;margin:0 0 10px;padding:6px 12px;border-radius:10px}
 .header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:38px;height:40px;padding:8px}
 .header .menu-toggle span{height:2px;width:22px;background:#26384a}
 .header .header-actions{margin-left:auto}
}
@media(max-width:600px){
 .header{height:68px}.header .nav-shell{padding:0 16px;gap:8px}
 .header .nav{top:68px;max-height:calc(100dvh - 68px);padding:12px 16px 20px}
 .header .brand,html[lang=en] .header .brand{width:184px;gap:8px}
 .header .brand-monogram,html[lang=en] .header .brand-monogram{width:50px}
 .header .brand-wordmark,html[lang=en] .header .brand-wordmark{width:126px}
 .header .header-actions{gap:7px}.header .header-actions>.small{display:none}
 .header .language-switch{min-width:39px;height:32px;padding:0 8px;font-size:.75rem}
 html[lang=en] .hero-content{padding-left:24px;padding-right:24px}
 html[lang=en] .hero h1,html[lang=en] .hero h2{font-size:2.05rem}
 html[lang=en] .hero-description{font-size:1rem;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}
