/* Shared mobile navigation: the page remains visible behind the menu. */
@media(max-width:800px){
 .header{backdrop-filter:none;-webkit-backdrop-filter:none}
 .header .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;margin-left:auto;flex-shrink:0;border:0;background:transparent;color:#fff;position:relative;z-index:2}
 .header .hamburger{display:flex;flex-direction:column;justify-content:space-between;width:23px;height:17px}
 .header .hamburger>span{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .22s,opacity .18s;transform-origin:center}
 .header .menu-toggle[aria-expanded="true"] .hamburger>span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 .header .menu-toggle[aria-expanded="true"] .hamburger>span:nth-child(2){opacity:0}
 .header .menu-toggle[aria-expanded="true"] .hamburger>span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 .header.is-menu-open{position:fixed;inset:0 0 auto;width:100%;z-index:1000;background:transparent;border-color:transparent}
 .header.is-menu-open::before{content:"";position:absolute;inset:0;z-index:2;background:#12263c;border-bottom:1px solid #36526b;pointer-events:none}
 .header.is-menu-open .brand{position:relative;z-index:3}
 .header.is-menu-open .menu-toggle{z-index:3}
 .header nav#navigation{position:fixed;inset:0;top:0;width:100%;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain;background:rgba(3,7,12,.92);border:0;padding:calc(96px + env(safe-area-inset-top)) max(28px,calc((100vw - 440px)/2)) calc(36px + env(safe-area-inset-bottom));margin:0;z-index:1;justify-content:flex-start;align-items:stretch;gap:28px!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 .header nav#navigation.open{display:flex;animation:menu-reveal .2s ease-out}
 .header #navigation .header-links{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0}
 .header #navigation .header-links a{display:block;color:#fff;font-size:18px;font-weight:700;line-height:1.5;padding:18px 4px;border-bottom:1px solid #ffffff30;white-space:normal;text-shadow:0 1px 8px #0006}
 .header #navigation .header-links a:hover{background:#ffffff0d}
 .header #navigation .header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}
 .header #navigation .header-actions .nav-login{background:#ffffff0d;border-color:#ffffff70;color:#fff;min-height:46px;font-size:13px}
 .header #navigation .header-actions .button{min-height:46px;font-size:13px;margin:0;color:#fff}
 html.header-menu-open{overflow:hidden;overscroll-behavior:none}
 html.header-menu-open body{position:fixed;top:var(--header-menu-scroll);left:0;width:100%}
}
@media(max-height:600px) and (max-width:800px){
 .header nav#navigation{padding-top:78px;gap:20px!important}
 .header #navigation .header-links a{padding-block:11px;font-size:16px}
}
@keyframes menu-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.header .hamburger>span{transition:none}.header nav#navigation.open{animation:none}}