.site-header {
  height: 166px;
  padding-left: clamp(18px, 4vw, 64px);
  padding-right: clamp(18px, 4vw, 64px);
  gap: 28px;
}

.header-logo {
  display: block;
  width: 160px;
  height: 160px;
  object-fit: contain;
}

.site-header nav { gap: 24px; }

@media (max-width: 1020px) {
  .site-header nav { top: 166px; }
}

@media (max-width: 700px) {
  .site-header {
    height: 116px;
    padding-left: 12px;
    padding-right: 16px;
  }

  .site-header nav { top: 116px; }
  .header-logo { width: 110px; height: 110px; }
}