.site-header {
  max-width: 1280px;
  min-height: 110px;
  padding: 32px 48px;
}

.wordmark { width: 106px; }

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

.site-header nav a { font-size: 16px; font-weight: 300; }

.site-header nav a[aria-current] { text-decoration: none; }

.site-header nav a:hover { text-decoration: underline; }

.site-header nav a + a::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 1px;
  margin-right: 12px;
  background: #8c858e;
  vertical-align: middle;
}

@media (max-width: 700px) {
  .site-header { min-height: auto; padding: 24px; gap: 20px; }
  .site-header nav { justify-content: flex-start; gap: 10px; }
  .site-header nav a { font-size: 14px; }
  .site-header nav a + a::before { width: 12px; margin-right: 10px; }
}