/* Homepage only: transparent above the hero, solid after scrolling. */
.home-overlay-header .header {
  --home-header-ink: #fff;
  --home-header-accent: #fff;
  --header-nav-color: var(--home-header-accent);
  --header-rule: rgba(255,255,255,.28);
  --header-nav-glow: rgba(255,255,255,.6);
  --header-nav-glow-soft: rgba(217,237,255,.2);
  position: fixed;
  top: 0;
  background: transparent;
  color: var(--home-header-ink);
  box-shadow: 0 3px 12px rgba(4,18,32,.045);
  border-bottom: 0;
  transition: background-color .25s ease, box-shadow .25s ease;
}
.home-overlay-header .header[data-header-ink="dark"] {
  --home-header-ink: #172b3e;
  --home-header-accent: #0369ae;
  --header-rule: rgba(91,114,138,.2);
  --header-nav-glow: rgba(56,158,230,.38);
  --header-nav-glow-soft: rgba(56,158,230,.16);
}
.home-overlay-header .header[data-header-surface="solid"] {
  background: #fff;
  box-shadow: 0 4px 14px rgba(12,37,60,.075);
}
.home-overlay-header .header .box > ul > li > a,
.home-overlay-header .header .language-search > .language {
  color: var(--home-header-ink);
  transition: color .2s ease;
}
.home-overlay-header .header .box > ul > li > a:is(:hover,:focus-visible),
.home-overlay-header .header .language-search > .language:is(:hover,:focus-visible) { color: #78bfff; }
.home-overlay-header .header[data-header-ink="dark"] .box > ul > li > a:is(:hover,:focus-visible),
.home-overlay-header .header[data-header-ink="dark"] .language-search > .language:is(:hover,:focus-visible) { color: #0369ae; }
.home-overlay-header .header .language-search > .language:is(:hover,:focus-visible) { color: #0369ae; }
.home-overlay-header .header .box > ul > li.active::before { background: var(--home-header-accent); }
.home-overlay-header .header .box .logo { position: relative; color: var(--home-header-ink); }
.home-overlay-header .header .header-brand__slogan { border-left-color: rgba(255,255,255,.42); }
.home-overlay-header .header[data-header-ink="dark"] .header-brand__slogan { border-left-color: rgba(85,103,122,.3); }
.home-overlay-header .header .header-brand__mark > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  transition: opacity .2s ease;
}
.home-overlay-header .home-header-logo--blue { opacity: 0; }
.home-overlay-header .home-header-logo--white { opacity: 1; }
.home-overlay-header .header[data-header-ink="dark"] .home-header-logo--blue { opacity: 1; }
.home-overlay-header .header[data-header-ink="dark"] .home-header-logo--white { opacity: 0; }
.home-overlay-header .header .heaer-menu-button {
  padding: 0;
  appearance: none;
  font: inherit;
  cursor: pointer;
}
.home-overlay-header .header .heaer-menu-button .icon-bar { background-color: var(--home-header-ink); }
.home-overlay-header .header .box > ul > li > .ul {
  background: #fff;
  color: #273746;
  box-shadow: 0 10px 24px rgb(15 37 59 / 10%);
}
.home-overlay-header .header .box > ul > li > .ul > a { color: #4b5b68; }
.home-overlay-header .header .box > ul > li > .ul > a:is(:hover,:focus-visible) { color: #0369ae; }
.home-overlay-header .header :is(a,button):focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 1024px) {
  .home-overlay-header .header .box > ul {
    top: var(--site-header-height, 65px);
    color: #172b3e;
    background: #fff;
    box-sizing: border-box;
  }
  .home-overlay-header .header .box > ul.on {
    height: auto;
    max-height: calc(100vh - var(--site-header-height, 65px));
    max-height: calc(100dvh - var(--site-header-height, 65px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .home-overlay-header .header .box > ul > li > a { color: #172b3e; }
  .home-overlay-header .header .box > ul > li > a:is(:hover,:focus-visible) { color: #0369ae; }
  .home-overlay-header .header .box > ul > li > .ul { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-overlay-header .header,
  .home-overlay-header .header .header-brand__mark > img,
  .home-overlay-header .header a { transition: none; }
}