@media (max-width:760px) {
  .site-header { padding: 17px 16px; }
  .brand { flex: none; white-space: nowrap; font-size: 1.12rem; }
  .header-actions { flex: none; gap: 7px; }
  .header-cta { min-height: 40px; padding: 0 10px; font-size: .49rem; letter-spacing: .09em; }
  .menu-toggle { min-width: 44px; min-height: 40px; padding: 0 11px; }
  .menu-toggle span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .menu { padding: 78px 12px 12px; }
  .menu-panel { gap: 24px; padding: 25px; }
  .menu-secondary { margin-top: 20px; }
}

@media (max-width:370px) {
  .brand { font-size: 1rem; }
  .header-cta { max-width: 112px; }
}