/* Native scrolling keeps navigation, contact links and the map responsive. */
.cinematic-progress {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 100;
  background: #facc15;
  transform: scaleX(0);
  transform-origin: left;
  pointer-events: none;
}

body[data-cinematic-scroll] main > section {
  scroll-margin-top: 88px;
}

body[data-cinematic-scroll] #hero picture {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-progress {
    display: none;
  }

  body[data-cinematic-scroll] {
    scroll-behavior: auto;
  }
}