/* Keep secondary pages aligned with the dark homepage navigation. */
.seo-header,
.seo-header.is-scrolled {
  min-height: 92px;
  padding: 12px clamp(18px, 2vw, 34px);
  color: var(--paper);
  border-bottom: 1px solid rgba(212, 168, 83, .36);
  background: rgba(8, 9, 7, .97);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .04);
  backdrop-filter: blur(16px);
}

.seo-header .seo-brand {
  flex: 0 0 auto;
  gap: 11px;
}

.seo-header .seo-brand img {
  width: 62px;
  height: 62px;
  border-radius: 14px;
}

.seo-header .seo-brand strong { color: var(--paper); }
.seo-header .seo-brand small,
.seo-header.is-scrolled .seo-brand small { color: rgba(243, 239, 229, .64); }

.seo-header .primary-nav {
  gap: 2px;
  font-size: clamp(.72rem, .72vw, .84rem);
}

.seo-header .primary-nav > a,
.seo-header.is-scrolled .primary-nav > a {
  min-height: 44px;
  padding-inline: clamp(6px, .55vw, 10px);
  color: rgba(243, 239, 229, .78);
}

.seo-header .primary-nav > a:hover,
.seo-header .primary-nav > a:focus-visible,
.seo-header.is-scrolled .primary-nav > a:hover,
.seo-header.is-scrolled .primary-nav > a:focus-visible {
  color: var(--paper);
  background: rgba(255, 255, 255, .08);
}

.seo-header .primary-nav > a.nav-stories,
.seo-header.is-scrolled .primary-nav > a.nav-stories {
  color: var(--paper);
  background: rgba(212, 168, 83, .16);
  box-shadow: inset 0 0 0 1px rgba(212, 168, 83, .22);
}

.seo-header .primary-nav > a.nav-contact,
.seo-header.is-scrolled .primary-nav > a.nav-contact {
  padding-inline: 14px;
  color: var(--ink);
  background: var(--gold);
  box-shadow: none;
}

.seo-header .primary-nav > a.nav-contact:hover,
.seo-header .primary-nav > a.nav-contact:focus-visible {
  color: var(--ink);
  background: var(--gold-light);
}

.seo-header .primary-nav > a.nav-contact::after { display: none; }

.seo-header .language-nav,
.seo-header.is-scrolled .language-nav {
  position: relative;
  width: 54px;
  height: 48px;
  flex: 0 0 54px;
  display: block;
  padding: 3px;
  overflow: visible;
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .94);
}

.seo-header .language-nav a {
  position: absolute;
  z-index: 2;
  top: 3px;
  inset-inline-end: 3px;
  width: 46px;
  min-width: 46px;
  height: 40px;
  min-height: 40px;
  color: rgba(16, 19, 15, .68);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.seo-header .language-nav a[aria-current="page"] {
  color: var(--paper);
  background: var(--green);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.seo-header .language-nav::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: calc(100% + 9px);
  inset-inline-end: 0;
  width: 208px;
  height: 48px;
  border: 1px solid rgba(16, 19, 15, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}

.seo-header .language-nav:hover::before,
.seo-header .language-nav:focus-within::before {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.seo-header .language-nav:hover a,
.seo-header .language-nav:focus-within a {
  top: calc(100% + 13px);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.seo-header .language-nav:hover a:nth-child(1),
.seo-header .language-nav:focus-within a:nth-child(1) { inset-inline-end: 157px; }
.seo-header .language-nav:hover a:nth-child(2),
.seo-header .language-nav:focus-within a:nth-child(2) { inset-inline-end: 106px; }
.seo-header .language-nav:hover a:nth-child(3),
.seo-header .language-nav:focus-within a:nth-child(3) { inset-inline-end: 55px; }
.seo-header .language-nav:hover a:nth-child(4),
.seo-header .language-nav:focus-within a:nth-child(4) { inset-inline-end: 4px; }

.seo-header .language-nav:hover a[aria-current="page"],
.seo-header .language-nav:focus-within a[aria-current="page"] {
  color: var(--paper);
  background: var(--green);
}

@media (min-width: 1360px) and (max-width: 1799px) {
  .seo-header { min-height: 86px; padding-inline: 20px; }
  .seo-header .seo-brand { flex-basis: 228px; max-width: 228px; }
  .seo-header .seo-brand img { width: 56px; height: 56px; }
  .seo-header .seo-brand small { font-size: .57rem; }
  .seo-header .primary-nav { font-size: .67rem; }
  .seo-header .primary-nav > a { padding-inline: 5px; }
}

@media (max-width: 1359px) {
  .seo-header,
  .seo-header.is-scrolled { min-height: 82px; padding: 12px 18px; }
  .seo-header .seo-brand img { width: 56px; height: 56px; }
  .seo-header .seo-mobile-menu > summary {
    border-color: rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .06);
  }
  .seo-header .seo-mobile-menu > summary span { background: var(--paper); }
}

@media (max-width: 820px) {
  .seo-header,
  .seo-header.is-scrolled { min-height: 76px; padding: 10px 14px; }
  .seo-header .seo-brand img { width: 52px; height: 52px; }
  .seo-header .seo-brand strong { font-size: 1.16rem; }
}