.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  height: var(--header-h);
  transition: background var(--t-med) var(--ease), border-color var(--t-med) var(--ease);
  border-bottom: 1px solid transparent;
}
.site-header.is-scrolled { background: rgba(12, 10, 8, 0.85); backdrop-filter: blur(12px); border-bottom-color: var(--line); }
.site-header__inner { max-width: var(--max-w); margin-inline: auto; padding-inline: var(--sp-4);
  height: 100%; display: flex; align-items: center; justify-content: space-between; }
.site-header__brand { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-lg); letter-spacing: var(--track-tight); }
.site-nav { display: flex; gap: var(--sp-5); }
.site-nav a { font-family: var(--font-mono); font-size: var(--fs-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft); transition: color var(--t-fast) var(--ease); }
.site-nav a:hover { color: var(--ink); }
.site-nav a.is-active { color: var(--amber); }
.mobile-nav a.is-active { color: var(--amber); }
.menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: var(--sp-2); }
.menu-toggle span { display: block; width: 22px; height: 2px; background: var(--ink); margin: 5px 0; transition: transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease); }
.menu-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.is-active span:nth-child(2) { opacity: 0; }
.menu-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-nav { display: none; }
@media (max-width: 760px) {
  .site-nav { display: none; }
  .menu-toggle { display: block; }
  .mobile-nav { position: fixed; inset: var(--header-h) 0 0 0; z-index: 40; background: var(--bg);
    display: none; flex-direction: column; gap: var(--sp-4); padding: var(--sp-6) var(--sp-4); }
  .mobile-nav.is-open { display: flex; }
  .mobile-nav a { font-family: var(--font-display); font-weight: 800; font-size: var(--fs-xl); }
}