/* Progressive motion layer: existing content is always visible without JS. */
[data-animate] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html.motion-ready [data-animate].will-animate {
  --motion-reveal-x: 0px;
  --motion-reveal-y: 18px;
  --motion-reveal-scale: 1;
  opacity: 0 !important;
  transform:
    translate3d(var(--motion-reveal-x), var(--motion-reveal-y), 0)
    scale(var(--motion-reveal-scale)) !important;
  transition-property: opacity, transform !important;
  transition-duration: 620ms, 720ms !important;
  transition-delay: var(--motion-delay, 0ms) !important;
  transition-timing-function: ease, cubic-bezier(.2, .75, .25, 1) !important;
}

html.motion-ready [data-animate].will-animate.motion-reveal--fade-left {
  --motion-reveal-x: 18px;
  --motion-reveal-y: 0px;
}

html.motion-ready [data-animate].will-animate.motion-reveal--fade-right {
  --motion-reveal-x: -18px;
  --motion-reveal-y: 0px;
}

html.motion-ready [data-animate].will-animate.motion-reveal--scale {
  --motion-reveal-y: 0px;
  --motion-reveal-scale: .975;
}

html.motion-ready [data-animate].will-animate.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

[data-premium-parallax] {
  --motion-parallax-y: 0px;
}

html.motion-ready [data-premium-parallax].motion-parallax {
  transform: translate3d(0, var(--motion-parallax-y), 0);
}

html.motion-ready [data-premium-parallax].is-parallax-active {
  will-change: transform;
}

[data-premium-spotlight] {
  --spot-x: 50%;
  --spot-y: 50%;
}

.is-near-footer .maks-float,
.is-near-footer [data-floating-messenger] {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(0, 12px, 0) !important;
}

body.is-hero-visible .mobile-call-btn {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(0, calc(100% + env(safe-area-inset-bottom)), 0) !important;
}

html.motion-static .svc-hero__ambient-video,
html.motion-static video[data-decorative-video] {
  opacity: 0 !important;
}

@media (max-width: 56.249rem), (pointer: coarse) {
  [data-premium-parallax] {
    transform: none !important;
    will-change: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-animate],
  [data-premium-parallax],
  [data-premium-spotlight],
  .maks-float,
  [data-floating-messenger],
  .svc-hero__ambient-video,
  video[data-decorative-video] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}