.site-header{position:fixed;top:0;left:0;right:0;z-index:40;background:linear-gradient(to bottom,rgba(5,7,7,0.98),rgba(5,7,7,0.9),rgba(5,7,7,0.7),transparent);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,0.08)}.site-header-inner{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-logo{display:flex;align-items:center;gap:0.75rem;color:var(--color-neutral-100)}.site-logo-mark{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 30% 0%,#10b981,#0f766e);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:0.9rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-bg-primary);box-shadow:0 0 0 1px rgba(0,0,0,0.8),0 10px 28px rgba(0,0,0,0.9)}.site-logo-text{display:flex;flex-direction:column;gap:0.1rem}.site-logo-title{font-family:var(--font-serif);font-size:0.98rem;letter-spacing:0.16em;text-transform:uppercase}.site-logo-subtitle{font-family:var(--font-sans);font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted)}.site-primary-nav{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.site-nav-wrapper{display:flex;align-items:center;gap:var(--space-6)}.site-nav-list{display:flex;align-items:center;gap:var(--space-5)}.site-nav-link{position:relative;font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted);padding-bottom:0.2rem}.site-nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,#10b981,#d4af37);transition:width var(--transition-normal)}.site-nav-link:hover{color:var(--color-text-primary)}.site-nav-link:hover::after{width:100%}.site-nav-link[aria-current="page"],.site-nav-link.is-active{color:var(--color-accent-soft-gold)}.site-nav-link[aria-current="page"]::after,.site-nav-link.is-active::after{width:100%;background:linear-gradient(90deg,#d4af37,#10b981)}.site-nav-cta .header-cta{font-size:0.72rem;padding-inline:1rem;border-radius:var(--radius-full)}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999px;border:1px solid rgba(255,255,255,0.14);background:rgba(5,8,7,0.96);cursor:pointer;transition:background-color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast);flex-direction:column}.nav-toggle-bar{width:1.1rem;height:1px;border-radius:999px;background:var(--color-neutral-100);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-toggle:focus-visible{outline:none;box-shadow:var(--shadow-outline)}.nav-toggle.is-active{background:rgba(10,23,20,0.98);border-color:rgba(16,185,129,0.7)}.nav-toggle.is-active .nav-toggle-bar:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle.is-active .nav-toggle-bar:last-child{transform:translateY(-3px) rotate(-45deg)}@media (max-width:960px){.site-header-inner{gap:var(--space-4)}.site-nav-wrapper{position:fixed;inset-inline:0;top:var(--nav-height);background:rgba(5,8,7,0.98);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,0.06);padding:var(--space-4) var(--space-5) var(--space-6);flex-direction:column;align-items:flex-start;gap:var(--space-4);transform:translateY(-8px);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal)}.site-nav-wrapper.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.site-nav-list{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.site-nav-link{font-size:var(--font-size-sm)}.site-nav-cta{width:100%;display:flex;justify-content:flex-start}.site-nav-cta .header-cta{width:auto}.nav-toggle{display:flex}}@media (max-width:640px){.site-header-inner{padding-inline:var(--space-4)}.site-nav-wrapper{padding-inline:var(--space-4)}}

/* §10 hamburger X — 3 bars */
.nav-toggle {
  flex-direction: column;
  gap: 5px;
  width: 44px;
  height: 44px;
}
.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);
}