.site-header{position:fixed;top:0;left:0;width:100%;z-index:50}
.header-spacer{height:96px}
.site-header__inner{margin:var(--space-2);}
.site-header__container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.site-brand{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
.site-brand__mark{height:48px;width:auto}
.site-brand__text{font-family:var(--font-heading);font-size:1.4rem}
.site-nav{flex:1}
.site-nav__list{display:flex;gap:var(--space-4);list-style:none;margin:0;padding:0;align-items:center;justify-content:center}
.site-nav a{color:var(--color-text-primary);font-size:0.95rem}
.site-header__actions{display:flex;align-items:center;gap:var(--space-2)}
.nav-toggle{display:none;width:44px;height:44px;border-radius:var(--radius-md);position:relative}
.nav-toggle span{position:absolute;left:10px;right:10px;height:2px;background:var(--color-text-primary);transition:var(--transition-fast)}
.nav-toggle span:nth-child(1){top:14px}
.nav-toggle span:nth-child(2){top:21px}
.nav-toggle span:nth-child(3){top:28px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .header-spacer{height:80px}
  .site-brand__mark{height:36px}
  .site-brand__text{font-size:1.1rem}
  .site-nav{position:fixed;inset:0;background:var(--color-surface-primary);display:none;flex-direction:column;padding:var(--space-6) var(--space-3);overflow:auto}
  .site-nav.open{display:flex;height:100vh;}
  .site-nav__list{flex-direction:column;gap:var(--space-4)}
  .nav-toggle{display:block}
}