/* Only decorative layers move; their frames, text and controls keep normal scrolling. */
.inner-hero-photo.parallax-frame { position: relative; }
.parallax-layer { width: 100%; height: 100%; }
.parallax-enabled > .parallax-layer {
  position: absolute;
  inset: calc(-1 * var(--parallax-room, 0px)) 0 auto;
  height: calc(100% + 2 * var(--parallax-room, 0px));
  transform: translate3d(0, var(--parallax-y, 0px), 0);
}
.parallax-enabled > .parallax-ornament { translate: 0 var(--parallax-y, 0px); }
.parallax-enabled.parallax-visible > .parallax-layer { will-change: transform; }
.parallax-enabled.parallax-visible > .parallax-ornament { will-change: translate; }
.motion-paused .parallax-layer { position: static; height: 100%; transform: none; will-change: auto; }
.motion-paused .parallax-ornament { translate: none; will-change: auto; }
@media (prefers-reduced-motion: reduce) {
  .parallax-enabled > .parallax-layer { position: static; height: 100%; transform: none; will-change: auto; }
  .parallax-enabled > .parallax-ornament { translate: none; will-change: auto; }
}