/* One shared navigation, independent of page artwork and content styles. */
:root{--header-height:98px;--header-gutter:max(6vw,calc((100vw - 1600px)/2 + 6vw))}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.header-space{height:var(--header-height);flex:none;pointer-events:none}
.site-header.shared-header{
  position:fixed;inset:0 0 auto;z-index:1000;
  width:100%;max-width:none;height:var(--header-height);min-height:0;
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  margin:0;padding:18px var(--header-gutter);
  border:0;box-shadow:none;isolation:isolate;background:none;
}
.shared-header::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to left,rgba(30,32,35,.88) 0%,rgba(30,32,35,.69) 35%,rgba(30,32,35,.26) 65%,rgba(30,32,35,0) 90%);
  mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);
}
.skip-link,.form-page .skip{z-index:1100}
.shared-header .brand{width:94px;flex:none;margin:0;padding:0}
.shared-header .brand img{display:block;width:100%;height:auto;object-fit:contain;filter:none;opacity:1}
.shared-header #navigation{position:static;display:flex;align-items:center;gap:28px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font:400 15px/1.5 'DM Sans',sans-serif}
.shared-header #navigation a{padding:12px 0;white-space:nowrap;color:#fff;font-weight:400;text-decoration:none;text-transform:uppercase}
.shared-header #navigation a:hover,.shared-header #navigation a[aria-current]{color:var(--accent)}
.shared-header #navigation a[aria-current]{text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}
.shared-header .menu-toggle{display:none;animation:none;transform:none;background:none;border:0;color:#fff;font:400 15px/1.5 'DM Sans',sans-serif}
.shared-header a:focus-visible,.shared-header button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1100px){
  :root{--header-height:116px;--header-gutter:6vw}
  .site-header.shared-header{padding:22px var(--header-gutter)}
  .shared-header .brand{width:110px}
  .shared-header .menu-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 0}
  .shared-header #navigation{display:none;position:absolute;top:calc(100% - 8px);left:var(--header-gutter);right:var(--header-gutter);max-height:calc(100dvh - var(--header-height) - 16px);overflow:auto;padding:12px 20px;border:1px solid #ffffff20;border-radius:12px;background:rgba(30,32,35,.96);box-shadow:0 16px 32px #0004;font-size:17px}
  .shared-header #navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .shared-header #navigation a{min-height:48px;padding:12px 0}
}