/* The approved transparent masthead belongs to both homepages. */
body.home-page header.site-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 10;
  background: transparent;
  color: white;
  border-bottom: 0;
  padding-top: 10px;
  padding-bottom: 8px;
  grid-template-columns: 190px minmax(0, 1fr);
  column-gap: 28px;
}
body.home-page header.site-header::before {
  content: '';
  position: absolute;
  inset: 0 0 -35px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(3,15,28,.65), rgba(3,15,28,.25) 65%, transparent);
  pointer-events: none;
}
body.home-page .site-header .brand,
body.home-page .site-header .languages,
body.home-page .site-header .languages a[aria-current],
body.home-page .site-header .site-nav a {
  color: #fff;
  text-shadow: 0 1px 8px #0005;
}
body.home-page .site-header .brand { font-size: 26px; letter-spacing: .08em; }
body.home-page .site-header .brand span { font-size: 12px; letter-spacing: .13em; margin-top: 5px; }
body.home-page .site-header .languages span { color: #ffffff90; }
body.home-page .site-header .languages { margin-top: 13px; margin-right: 17px; font-size: 12px; }
body.home-page .site-header .languages a[aria-current] { border-bottom-color: #fff; }
body.home-page .site-header .site-nav { width: auto; justify-self: end; justify-content: flex-end; border-bottom-color: #ffffff30; scrollbar-color: #ffffff80 transparent; }
body.home-page .site-header .site-nav a { flex: 0 0 auto; padding-left: 17px; padding-right: 17px; }
body.home-page .site-header .site-nav a + a::before { background: #ffffff30; }
body.home-page .site-header .site-nav a::after { background: #fff; }
body.home-page .site-header .site-nav a:hover,
body.home-page .site-header .site-nav a[aria-current] { color: #fff; }
body.home-page .site-header .site-nav a:focus-visible { outline-color: #fff; }
body.home-page .skip { z-index: 20; }
body.home-page .hero { min-height: 100svh; }
body.home-page .hero-copy { min-height: 100svh; padding-top: 115px; }

@media (max-width: 950px) {
  body.home-page header.site-header { grid-template-columns: 165px minmax(0, 1fr); column-gap: 16px; }
  body.home-page .site-header .brand { font-size: 24px; }
  body.home-page .site-header .site-nav a { padding-left: 11px; padding-right: 11px; }
}
@media (max-width: 760px) {
  body.home-page header.site-header { padding-top: 8px; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; row-gap: 5px; }
  body.home-page .site-header .brand { grid-column: 1; grid-row: 1; font-size: 24px; }
  body.home-page .site-header .site-nav { grid-column: 1; grid-row: 2; justify-self: stretch; justify-content: flex-start; width: 100%; }
  body.home-page .site-header .languages { grid-column: 1; grid-row: 3; justify-self: end; margin-top: 8px; margin-right: 0; }
  body.home-page .hero-copy { padding: 175px 7% 140px; }
  body.home-page .hero-photo { inset: 0; height: 100%; }
  body.home-page .hero-photo::after { background: linear-gradient(180deg, #041326b3, #04132680 60%, #00101c40); }
}