/* Keep the brand centered independently of navigation width. */
.site-header {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:108px}
.site-header .brand {grid-column:2;grid-row:1;justify-self:center;width:160px}
.site-header nav {grid-column:1;grid-row:1;justify-self:start;gap:24px;white-space:nowrap;font-size:10px}
@media (max-width:1050px) {
  .site-header {grid-template-columns:1fr;gap:13px;height:auto;padding-top:20px;padding-bottom:19px}
  .site-header .brand {grid-column:1;grid-row:1;width:142px;height:44px}
  .site-header nav {grid-column:1;grid-row:2;justify-self:center;gap:36px;font-size:10px}
}
@media (max-width:400px) {
  .site-header nav {gap:20px;font-size:9px}
}

/* On mobile, the slideshow starts at the top and carries the centered masthead. */
@media (max-width:850px) {
  .landing-ready .preview-bar {position:absolute;inset:0 0 auto;z-index:6;height:24px;background:transparent;color:#ecf0e6;padding:5px 20px;font-size:7px;letter-spacing:.08em}
  .landing-ready .site-header {position:absolute;top:24px;left:0;right:0;z-index:6;width:calc(100% - 52px);margin:auto;background:transparent;color:var(--cream);padding-top:18px;padding-bottom:16px}
  .landing-ready .site-header .brand {width:148px}
  .landing-ready .site-header .brand img {filter:brightness(0) invert(1);opacity:.96}
  .landing-ready .site-header nav {font-size:10px;text-shadow:0 1px 8px #101a1559}
  .landing-ready .site-header nav a[aria-current] {border-bottom-color:var(--cream)}
  .landing-ready .site-header a:focus-visible {outline-color:var(--cream)}
  .landing-ready .hero-ready.hero-tour .hero-copy {padding-top:184px}
  .landing-ready .hero-tour__visuals::before {display:block;inset:0 0 auto;height:184px;background:linear-gradient(180deg,#101a15b3 0%,#101a1566 50%,transparent 100%)}
}
@media (max-width:400px) {
  .landing-ready .site-header nav {font-size:9px;gap:16px}
}