.site-header {
  background: var(--teal-deep);
  position: sticky;
  top: 0;
  z-index: 20;
}

/* Logo left, nav centre, action right, matching the reference nav. */
.header-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(16px, 3vw, 40px);
  min-height: 66px;
}

.wordmark { display: inline-flex; align-items: center; transition: opacity 0.2s; }
.wordmark:hover { opacity: 0.8; }
.wordmark-logo { height: 26px; width: auto; }
.wordmark-logo-footer { height: 26px; }

.site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 2.4vw, 30px);
}

.nav-link {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--on-dark-soft);
  white-space: nowrap;
  transition: color 0.2s;
}
.nav-link:hover { color: var(--on-dark); }

@media (max-width: 860px) {
  .site-nav { display: none; }
  .header-row { grid-template-columns: auto auto; justify-content: space-between; }
}

@media (max-width: 460px) {
  .nav-cta { display: none; }
  .header-row { grid-template-columns: auto; }
}