/* Final shared header geometry for pages with local page styles. */
.site-header {
  gap: 28px;
  padding: 34px clamp(22px, 5.5vw, 92px);
}

.primary-nav {
  gap: clamp(14px, 1.6vw, 26px);
}

.primary-nav a {
  padding: 8px 8px;
}

@media (min-width: 1181px) {
  .site-header {
    padding-top: 34px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .site-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .primary-nav {
    gap: 10px;
  }

  .primary-nav a {
    font-size: 12px;
  }
}

@media (max-width: 1180px) {
  .site-header {
    padding: 16px 20px;
  }

  .primary-nav {
    gap: 18px;
  }
}