.header-shell{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:linear-gradient(to right,rgba(2,6,23,0.98),rgba(15,23,42,0.98) 40%,rgba(2,6,23,0.98));box-shadow:0 1px 0 rgba(15,15,15,0.9)}.header-nav{display:flex;align-items:center}.header-nav-menu{display:flex;align-items:center;gap:var(--space-4)}.header-nav-toggle{display:none}@media (max-width:900px){.header-shell{position:relative}.header-nav-toggle{display:flex}.header-nav{position:absolute;inset:100% var(--space-4) auto var(--space-4);background:radial-gradient(circle at top left,rgba(249,115,22,0.08) 0,rgba(15,23,42,0.98) 45%,rgba(0,0,0,0.98) 100%);border-radius:var(--radius-lg);border:var(--border-heavy);box-shadow:var(--shadow-hard);transform-origin:top right;transform:scale(0.96);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.header-nav-menu{flex-direction:column;align-items:flex-start;padding:var(--space-4)}.header-nav-toggle span{transition:transform var(--transition-base),opacity var(--transition-base)}.header-nav-open .header-nav{opacity:1;pointer-events:auto;transform:scale(1)}.header-nav-open .header-nav-toggle span:nth-child(1){transform:translateY(3px) rotate(45deg)}.header-nav-open .header-nav-toggle span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.header-nav-open .header-nav-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}}.header-nav-menu .nav-link{position:relative}.header-nav-menu .nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-color:transparent}.header-nav-menu .nav-link.nav-link--primary{color:var(--color-text)}

/* §10 hamburger X — 3 bars */
.nav-toggle.header-nav-toggle {
  flex-direction: column;
  gap: 5px;
  width: 44px;
  height: 44px;
}
.nav-toggle.header-nav-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav-toggle.header-nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}
.nav-toggle.header-nav-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}