/* Content stays visible if either the bootstrap or the motion controller fails. */
.page-load-track { display: none; pointer-events: none; }
html[data-page-motion] .page-load-track {
  display: block;
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 90;
  background: transparent;
}
.page-load-track > span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--accent);
  transform: scaleX(.06);
  transform-origin: left center;
  transition: transform 260ms cubic-bezier(.22, 1, .36, 1);
}
html[data-page-motion="pending"] :is(.inner-banner-copy, .inner-banner--detail .inner-banner-content) { opacity: 0; }
.ref-hero-media, .inner-banner { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
  html[data-page-motion] .page-load-track { display: none; }
  html[data-page-motion="pending"] :is(.inner-banner-copy, .inner-banner--detail .inner-banner-content) { opacity: 1; }
  .page-load-track > span { transition: none; }
  .ref-about-media img, .ref-about-caption { transition-duration: 0s !important; }
}