@media (min-width: 761px) {
  .site-header {
    padding-inline: clamp(20px, 3vw, 48px);
  }

  .brand img {
    width: min(235px, 21vw);
  }

  .main-nav {
    gap: clamp(10px, 1.3vw, 21px);
    font-size: 11px;
    white-space: nowrap;
  }

  .nav-contact {
    padding: 11px 14px;
  }
}

@media (min-width: 761px) and (max-width: 1080px) {
  .brand img { width: 195px; }
  .main-nav { gap: 9px; font-size: 10px; }
  .nav-contact { padding: 10px 11px; }
}