@media (min-width: 1001px) and (max-width: 1200px) {
  .site-header, .site-header nav { gap: 20px; }
}
@media (max-width: 760px) {
  .site-header nav { justify-content: flex-start; flex-wrap: wrap; gap: 8px 16px; }
  .site-header nav a { padding-block: 6px; }
}