/* One header for every public page; links remain available without JavaScript. */
@font-face{font-family:N420Nav;src:url('/bb-assets/montserrat-regular.woff2') format('woff2');font-weight:100 900;font-display:swap}
#n420-site-header{box-sizing:border-box;position:absolute;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:88px;margin:0;padding:22px clamp(20px,4vw,64px);background:linear-gradient(#080807b3,transparent);border:0;border-radius:0;backdrop-filter:none;color:#f2efe8;font:500 11px/1.5 N420Nav,Montserrat,Arial,sans-serif;letter-spacing:.12em;text-transform:none}
#n420-site-header *{box-sizing:border-box}
#n420-site-header a{position:static;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;margin:0;background:none;border:0;border-radius:0;color:#dedbd3;font:inherit;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;white-space:nowrap;opacity:1;box-shadow:none}
#n420-site-header a:hover,#n420-site-header a[aria-current="page"]{color:#d1c195}
#n420-site-header a:focus-visible,#n420-site-header summary:focus-visible{outline:2px solid #d1c195;outline-offset:4px}
#n420-site-header a.n420-brand{flex-shrink:0;gap:10px;font-size:15px;font-weight:600;letter-spacing:.14em;color:#f2efe8}
#n420-site-header .n420-brand img{display:block;width:34px;height:34px;object-fit:contain;margin:0}
#n420-site-header nav.n420-links{order:2;position:static;inset:auto;display:flex;align-items:center;justify-content:center;flex:1;gap:clamp(14px,1.8vw,28px);width:auto;height:auto;min-height:0;padding:0;margin:0;background:none;border:0;box-shadow:none;backdrop-filter:none;transform:none}
#n420-site-header a.n420-contact{border:1px solid #ffffff70;border-radius:6px;padding:10px 15px}
#n420-site-header .language-picker{order:3;position:relative;flex-shrink:0;margin:0;color:#f2efe8;font:inherit;letter-spacing:0}
#n420-site-header summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px;cursor:pointer;list-style:none;border:1px solid #ffffff70;border-radius:6px}
#n420-site-header .language-options a{justify-content:flex-start}
/* The navigation remains usable if JavaScript cannot load. */
#n420-site-header .n420-menu-toggle{display:none}
@media(max-width:1100px){
 #n420-site-header{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:12px;min-height:76px;padding:12px 24px;background:#0b0b0a}
 #n420-site-header .n420-brand{justify-self:start}
 #n420-site-header .language-picker{grid-column:2;grid-row:1;justify-self:end}
 #n420-site-header nav.n420-links{grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:4px 24px;justify-content:flex-start}
 #n420-site-header[data-enhanced] .n420-menu-toggle{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;margin:0;border:0;border-radius:0;background:transparent;color:#f2efe8;cursor:pointer;box-shadow:none;transform:none}
 #n420-site-header .n420-menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .18s ease}
 #n420-site-header .n420-menu-toggle:focus-visible{outline:2px solid #d1c195;outline-offset:2px}
 #n420-site-header[data-enhanced] nav.n420-links{display:none;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px 24px;background:#0b0b0a;border-top:1px solid #ffffff15;box-shadow:0 16px 22px #0005}
 #n420-site-header[data-menu-open] nav.n420-links{display:flex}
 #n420-site-header[data-enhanced] nav.n420-links a{justify-content:flex-start;min-height:48px;padding:12px 0;font-size:12px}
 #n420-site-header[data-enhanced] a.n420-contact{border:0;border-top:1px solid #ffffff20;border-radius:0;margin-top:12px;color:#d1c195}
 #n420-site-header[data-menu-open] .n420-menu-toggle span:first-child{transform:translateY(6.5px) rotate(45deg)}
 #n420-site-header[data-menu-open] .n420-menu-toggle span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
}
@media(max-width:480px){#n420-site-header{padding:12px 18px;gap:8px}#n420-site-header a.n420-brand{font-size:12px;gap:8px}#n420-site-header .n420-brand img{width:28px;height:28px}#n420-site-header summary{padding:6px;border:0}#n420-site-header[data-enhanced] nav.n420-links{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){#n420-site-header .n420-menu-toggle span{transition:none}}

#n420-site-header[data-menu-open] .n420-menu-toggle span:nth-child(2){opacity:0}