/* Shared header across every language and page. */
body>header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px;padding:12px 5.5%;box-sizing:border-box;background:transparent;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:height .25s,background-color .25s,box-shadow .25s}
body>header.is-scrolled{height:64px;padding:8px 5.5%;background:#23201f;box-shadow:0 4px 24px rgba(0,0,0,.15)}
body>header .brand{display:flex;align-items:center;flex-shrink:0;line-height:1}
body>header .brand .logo-frame{display:none}
body>header .header-icon,body>header.is-scrolled .header-icon{display:block;width:36px;height:36px;object-fit:contain;border-radius:4px;filter:none}
body>header nav{display:flex;align-items:center;gap:22px;color:#fff}
body>header nav>a{font-family:'Open Sans',sans-serif;font-size:13px;text-decoration:none}
body>header nav>.btn,body>header.is-scrolled nav>.btn{padding:12px 20px;background:#b82025;color:#fff;border:1px solid #b82025;white-space:nowrap}
body>header .language-switch{display:flex;align-items:center;gap:4px}
body>header .language-switch a{font-family:'Open Sans',sans-serif;font-size:11px;padding:7px 5px;color:#fff;opacity:.72}
body>header .language-switch a[aria-current]{opacity:1;border-bottom:2px solid #f2b6b5}
body>header .menu{color:#fff;border-color:rgba(255,255,255,.5)}
@media(max-width:1000px){body>header nav{gap:12px}}
@media(max-width:800px){
body>header{height:72px;padding:10px 5.5%;gap:16px}
body>header.is-scrolled{height:58px;padding:8px 5.5%}
body>header .header-icon,body>header.is-scrolled .header-icon{width:32px;height:32px}
body>header nav{display:none;top:72px}
body>header.is-scrolled nav{top:58px}
body>header nav.open,body>header.is-scrolled nav.open{position:fixed;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;width:100%;height:100vh;height:100dvh;box-sizing:border-box;padding:calc(90px + env(safe-area-inset-top)) max(7vw,24px) calc(28px + env(safe-area-inset-bottom));background:#23201f;overflow-y:auto;z-index:30;border:0}
body>header nav.open>a:not(.btn){font-family:Oswald,sans-serif;font-size:clamp(28px,5.5vh,44px);line-height:1.2;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.15)}
body>header nav.open>a.btn{margin-top:32px;padding:20px 24px;min-height:60px;font-size:17px;justify-content:space-between}
body>header nav.open .language-switch{margin-top:auto;padding-top:35px;border:0;justify-content:space-between;gap:12px;width:100%;flex-shrink:0}
body>header nav.open .language-switch a{font-size:15px;padding:12px;min-width:44px;text-align:center}
body>header:has(nav.open)>.brand{visibility:hidden}
body>header .menu{position:relative;z-index:32;min-height:44px}
}
@media(max-width:800px) and (max-height:600px){body>header nav.open,body>header.is-scrolled nav.open{padding-top:75px;justify-content:flex-start}body>header nav.open>a:not(.btn){font-size:26px;padding:10px 0}body>header nav.open>a.btn{margin-top:20px;padding:14px 20px;min-height:48px}body>header nav.open .language-switch{padding-top:18px}}
@media(prefers-reduced-motion:reduce){body>header{transition:none}}

/* Transparent at the top, dark after scrolling; maintain contrast over light intros. */
body.header-on-light>header:not(.is-scrolled){background:transparent;color:#303030;border-bottom-color:rgba(48,48,48,.16)}
body.header-on-light>header:not(.is-scrolled) nav:not(.open){color:#303030}
body.header-on-light>header:not(.is-scrolled) nav:not(.open)>a:not(.btn),body.header-on-light>header:not(.is-scrolled) nav:not(.open) .language-switch a{color:#303030}
body.header-on-light>header:not(.is-scrolled) nav:not(.open) .language-switch a[aria-current]{border-bottom-color:#b82025}
body.header-on-light>header:not(.is-scrolled) .menu{color:#303030;border-color:rgba(48,48,48,.5)}
body.header-on-light>header:has(nav.open) .menu{color:#fff;border-color:rgba(255,255,255,.5)}