.site-header{position:sticky;top:0;z-index:900;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-structural)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:72px}
.brand{display:flex;align-items:center;gap:0.75rem;flex-shrink:0}
.brand-mark{height:44px;width:auto}
.brand-text{font-family:var(--font-heading);font-size:1.25rem}
.nav{display:flex;align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end;min-width:0}
.nav-list{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(0.65rem,1.4vw,1.35rem);margin:0;padding:0}
.nav-list li{margin:0;padding:0;flex-shrink:0}
.nav-list a{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;position:relative;white-space:nowrap}
.nav-list a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--color-accent-gold);transition:width var(--transition-fast)}
.nav-list a:hover::after{width:100%}
.nav-cta{margin-left:var(--space-2);flex-shrink:0;white-space:nowrap;font-size:0.72rem;padding:0.55rem 0.9rem}
.nav-toggle{display:none;width:40px;height:40px;justify-content:center;gap:4px}
.nav-toggle span{display:block;height:2px;width:20px;background:var(--color-text-primary)}

@media (max-width:1080px){
.nav{position:fixed;top:72px;right:0;width:min(280px,86vw);height:calc(100vh - 72px);background:var(--color-surface-primary);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--space-4);border-left:1px solid var(--color-border-structural);transform:translateX(100%);transition:transform 0.2s ease,opacity 0.2s ease;z-index:950;flex:initial}
.nav.open{transform:translateX(0)}
.nav-list{flex-direction:column;flex-wrap:wrap;gap:var(--space-3);width:100%}
.nav-list a{white-space:normal;font-size:0.85rem}
.nav-cta{width:100%;text-align:center;margin-top:var(--space-3);margin-left:0}
.nav-toggle{display:flex}
}

/* §10 hamburger X */
.nav-toggle {
  flex-direction: column;
  gap: 5px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
}
.nav-toggle__bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-text-primary);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

@media (max-width:1080px){
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) {
  opacity: 0;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
}