/*
 * Scroll-linked hero backgrounds (see js/scroll-background.js). Elementor Pro's motion
 * effects CSS, with its class names replaced. The transform eases over one second, so the
 * zoom trails the scroll; the blur does not, exactly as before.
 */
.scroll-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.scroll-bg__layer{
  position:absolute;top:0;left:0;width:100%;height:100%;
  background-repeat:no-repeat;background-size:cover;
  transform:scale(var(--scale,1));filter:blur(var(--blur,0px));
  transition-property:transform,opacity;transition-duration:1s;
  transition-timing-function:cubic-bezier(0,.33,.07,1.03);
}
@media (prefers-reduced-motion:reduce){.scroll-bg__layer{transition-duration:0s!important}}