/* Shared TLP header: keep the original transparent top and frosted scroll state.
 * Put the header glass on a separate layer so the mobile menu can blur the page,
 * rather than being trapped inside an ancestor's backdrop-filter layer. */
header.header .header__fixed {
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition-property: padding;
}
header.header .header__fixed::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(255, 255, 255, .85);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  opacity: 0;
  transition: opacity .3s;
}
header.header .header__fixed.is-fixed::before { opacity: 1; }
@media (min-width: 992px) {
  /* Keep white links over the hero photograph, including long translations. */
  body.home header.header .header__nav {
    max-width: calc(min(50vw, 820px) + 6px);
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px 16px;
  }
  body.home header.header .header__nav ul.nav-main {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: clamp(10px, .8vw, 16px);
  }
  body.home header.header .header__nav ul.nav-main > li > a { font-size: clamp(15px, 1.18vw, 18px); }
  body.home header.header .header__nav ul.nav-main > li > a { color: #fff; }
  body.home header.header .header__fixed.is-fixed .header__nav ul.nav-main > li > a { color: #17375c; }
  body.home header.header .header__nav ul.nav-main > li > a:hover { color: #eb6437; }
}
@media (max-width: 991px) {
  header.header .header__nav {
    background: rgba(255, 255, 255, .85);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition-property: opacity, visibility;
    -webkit-overflow-scrolling: touch;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  header.header .header__fixed::before { background: rgba(255, 255, 255, .97); }
  @media (max-width: 991px) {
    header.header .header__nav { background: rgba(255, 255, 255, .97); }
  }
}
body.home header.header :is(a,button):focus-visible {
  outline: 3px solid #17375c;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  header.header .header__fixed,
  header.header .header__fixed::before,
  header.header .header__nav { transition: none; }
}