/* Final BCOTN header: static, compact, and built around the untouched original logo. */
.site-header,
.site-header.is-compact{
  position:static!important;
  top:auto!important;
  width:100%;
  height:auto!important;
  overflow:visible;
  background:#1b1a32;
  color:var(--lav);
  border-bottom:1px solid rgba(230,220,235,.16);
  box-shadow:none!important;
  transition:none!important;
}
.header-shell,
.site-header.is-compact .header-shell{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  padding:18px 28px 17px;
  transition:none!important;
}
.header-top,
.site-header.is-compact .header-top{
  position:absolute;
  z-index:4;
  inset:0 0 auto;
  width:100%;
  max-width:none;
  height:38px;
  margin:0;
  padding:0 28px;
  pointer-events:none;
}
.header-actions,
.site-header.is-compact .header-actions{
  position:absolute;
  top:0;
  right:28px;
  height:38px;
  display:flex;
  align-items:center;
  gap:0;
  pointer-events:auto;
}
.header-support{
  display:flex!important;
  align-items:center;
  min-height:38px;
  margin:0!important;
  padding:0 16px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--lav)!important;
  font:700 12px/1 var(--body)!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
}
.header-support:hover,.header-support:focus-visible{color:var(--cyan)!important}
.language-mount{position:relative;display:flex;align-items:center;min-height:38px;padding-left:16px}
.language-mount:before{content:"";position:absolute;left:0;top:11px;width:1px;height:16px;background:rgba(230,220,235,.28)}
.language{position:relative!important;inset:auto!important;margin:0!important;transform:none!important}
.lang-toggle{
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--lav)!important;
  font:800 12px/1 var(--body)!important;
  letter-spacing:.035em!important;
}
.lang-toggle:after{content:"⌄";display:inline-block;margin-left:6px;font-size:10px;opacity:.72;transform:translateY(-1px)}
.lang-toggle:hover,.lang-toggle:focus-visible{color:var(--cyan)!important}
.lang-menu{top:36px!important;right:0!important;min-width:70px!important;padding:5px!important;border:1px solid rgba(230,220,235,.2)!important;border-radius:0!important;background:#1b1a32!important;box-shadow:0 14px 30px rgba(0,0,0,.24)!important}

.header-identity,
.site-header.is-compact .header-identity{
  position:relative;
  z-index:2;
  display:flex;
  width:100%;
  height:auto;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
}
.brand,
.site-header.is-compact .brand{
  position:relative!important;
  inset:auto!important;
  width:460px!important;
  min-width:0!important;
  max-width:calc(100vw - 56px)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  transform:none!important;
}
.brand img,
.site-header.is-compact .brand img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
}
.brand:after,
.site-header.is-compact .brand:after{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:6px 0 0!important;
  color:var(--cyan)!important;
  font:700 9px/1.1 var(--body)!important;
  letter-spacing:.018em!important;
  text-align:justify!important;
  text-align-last:justify!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* The four links share the signature's visual baseline. */
.links,
.site-header.is-compact .links{
  position:absolute!important;
  z-index:3;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  width:min(1240px,calc(100% - 56px))!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 460px minmax(0,1fr) minmax(0,1fr)!important;
  align-items:end!important;
  gap:clamp(14px,2vw,32px)!important;
  transform:translateX(-50%)!important;
  pointer-events:none;
}
.links a,
.site-header.is-compact .links a{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  margin:0!important;
  padding:0 0 1px!important;
  color:var(--lav);
  font:800 11px/1.1 var(--body)!important;
  letter-spacing:.04em!important;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  transform:none!important;
  pointer-events:auto;
}
.links a:nth-child(1){grid-column:1}
.links a:nth-child(2){grid-column:2}
.links a:nth-child(3){grid-column:4}
.links a:nth-child(4){grid-column:5}
.links a:after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:var(--cyan);transition:left .2s ease,right .2s ease}
.links a:hover,.links a:focus-visible,.links a[aria-current="page"]{color:var(--cyan)}
.links a:hover:after,.links a:focus-visible:after,.links a[aria-current="page"]:after{left:22%;right:22%}
.menu-button{display:none!important}

@media(min-width:981px) and (max-width:1160px){
  .links,.site-header.is-compact .links{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 430px minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}
  .links a,.site-header.is-compact .links a{font-size:10px!important;letter-spacing:.02em!important}
}

@media(max-width:980px){
  .site-header,.site-header.is-compact{height:82px!important}
  .header-shell,.site-header.is-compact .header-shell{height:82px!important;padding:0!important}
  .header-top,.site-header.is-compact .header-top{height:82px;padding:0;pointer-events:none}
  .header-actions,.site-header.is-compact .header-actions{top:0;right:14px;height:82px;pointer-events:auto}
  .header-support{display:none!important}
  .language-mount{height:82px;min-height:82px;padding:0}
  .language-mount:before{display:none}
  .lang-toggle{min-width:44px!important;height:44px!important;font-size:11px!important}
  .lang-menu{top:61px!important}
  .header-identity,.site-header.is-compact .header-identity{height:82px;align-items:center}
  .brand,.site-header.is-compact .brand{width:min(300px,calc(100vw - 142px))!important;max-width:none!important}
  .brand:after,.site-header.is-compact .brand:after{display:none!important}
  .links,.site-header.is-compact .links{display:none!important}
  .menu-button{
    position:absolute!important;
    left:14px!important;
    top:19px!important;
    z-index:5;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:0!important;
    background:transparent!important;
    color:var(--lav)!important;
  }
  .menu-button span{display:block;width:22px;height:1px;background:currentColor;transition:transform .24s ease,opacity .18s ease}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-panel{
    position:fixed!important;
    inset:82px 0 0!important;
    z-index:99!important;
    display:flex!important;
    min-height:calc(100dvh - 82px)!important;
    padding:clamp(34px,8vh,78px) 28px 32px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:0!important;
    overflow-y:auto!important;
    background:#1b1a32!important;
    color:var(--lav)!important;
    border-top:1px solid rgba(230,220,235,.14)!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .22s ease,transform .28s ease,visibility 0s linear .28s;
  }
  .mobile-panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
  .mobile-panel a{width:min(100%,620px);margin:0 auto;padding:15px 2px!important;border-bottom:1px solid rgba(230,220,235,.14)!important;color:var(--lav);font:500 clamp(28px,8vw,48px)/1.05 var(--display)!important;letter-spacing:-.025em!important;text-transform:none!important}
  .mobile-panel a:hover,.mobile-panel a:focus-visible,.mobile-panel a[aria-current="page"]{color:var(--cyan)}
  .mobile-panel .mobile-support{margin-top:20px;padding-top:20px!important;border-top:0!important;border-bottom:0!important;color:var(--cyan);font:800 12px/1.2 var(--body)!important;letter-spacing:.065em!important;text-transform:uppercase!important}
  body.menu-open{overflow:hidden}
}

@media(max-width:370px){
  .header-actions{right:8px!important}
  .menu-button{left:8px!important}
  .brand,.site-header.is-compact .brand{width:calc(100vw - 132px)!important}
  .mobile-panel{padding-left:20px!important;padding-right:20px!important}
}

@media(prefers-reduced-motion:reduce){
  .links a:after,.menu-button span,.mobile-panel{transition:none!important}
}