html { scrollbar-gutter: stable; }
/* Keep the landing target still while the page's entrance motion runs. */
html[data-site-arrival="nav"] .site-header {
  transform: none !important;
  opacity: 1 !important;
}
html[data-site-arrival="nav"] .site-opening-logo {
  width: min(84vw, 1120px);
}
html[data-site-arrival="nav"] .site-opening-progress { display: none; }
html[data-site-departure] { overflow: hidden; }
html[data-site-departure] .site-header [data-header-logo] { visibility: hidden; }
.site-departure {
  position: fixed;
  inset: 0;
  z-index: 10000;
  isolation: isolate;
  touch-action: none;
}
.site-departure-backdrop { position: absolute; inset: 0; background: #000; opacity: 0; }
.site-departure-logo { position: absolute; z-index: 2; overflow: hidden; }
.site-departure-logo img {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

html[data-site-opening] .blog-nav > a:first-child,
html[data-site-departure] .blog-nav > a:first-child { visibility: hidden; }
.site-cms-opening { display: none; }
html[data-site-opening] .site-cms-opening { display: block; }
.site-cms-opening .site-departure-backdrop { opacity: 1; }
.site-cms-opening .site-departure-logo {
  width: min(84vw, 1120px);
  aspect-ratio: 170 / 48;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
}