header.top-nav{
  font-family:"Space Grotesk","IBM Plex Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* Keep the dropdown from being clipped by the header container. */
  overflow:visible;
}
.nav-section-left,.nav-section-right{
  flex:1 1 0;
}
.nav-section-left{
  justify-content:flex-start;
}
.nav-section-right{
  justify-content:flex-end;
  display:flex;
  align-items:center;
  gap:var(--space-5);
}
.brand-center{
  display:flex;
  justify-content:center;
  flex:0 0 auto;
}
.nav-links{
  display:flex;
  align-items:center;
  gap:var(--space-5);
}
.nav-link-mobile{
  display:block;
  padding:var(--space-3) 0;
  font-size:var(--font-size-sm);
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--color-text-muted);
}
.nav-link-mobile:hover,
.nav-link-mobile:focus-visible{
  color:var(--color-text);
}
.nav-toggle{
  display:none;
}
@media (max-width:767px){
  .nav-desktop .nav-links{
    display:none;
  }
  .nav-toggle{
    display:flex;
  }
  .brand-center{
    flex:1 1 auto;
  }
  .nav-section-left,.nav-section-right{
    flex:0 0 auto;
  }
  .nav-menu-mobile.open{
    max-height:calc(100dvh - 76px);
  }
}
.nav-menu-mobile{
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  transition:max-height var(--transition-slow),opacity var(--transition-base),transform var(--transition-base);
}
.nav-menu-mobile.open{
  max-height:480px;
  opacity:1;
  transform:translateY(0);
  overflow-y:auto;
}
.nav-menu-mobile ul{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.nav-toggle-open{
  background:rgba(15,23,42,0.98);
  box-shadow:var(--shadow-sm);
}
.nav-overlay-lock{
  overflow:hidden;
}
.nav-menu-mobile:focus-visible{
  outline:2px solid var(--color-primary);
  outline-offset:4px;
}
@media (prefers-reduced-motion:reduce){
  .nav-menu-mobile{
    transition:none;
  }
}
