/* =========================================================
   LANDING SCROLL EFFECTS
   Отдельаемое подключение: можно убрать одним link/script из index.html
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {
  .landing-scroll-effects-ready {
    --landing-reveal-duration: .56s;
    --landing-reveal-easing: cubic-bezier(.22, .61, .36, 1);
    --landing-reveal-distance: 18px;
  }

  .landing-scroll-reveal {
    opacity: 0;
    transform: translate3d(0, var(--landing-reveal-distance), 0);
    transition:
      opacity var(--landing-reveal-duration) var(--landing-reveal-easing),
      transform var(--landing-reveal-duration) var(--landing-reveal-easing),
      filter var(--landing-reveal-duration) var(--landing-reveal-easing);
    transition-delay: var(--landing-reveal-delay, 0ms);
    will-change: opacity, transform;
    filter: saturate(.96);
  }

  .landing-scroll-reveal[data-reveal="soft"] {
    --landing-reveal-distance: 12px;
  }

  .landing-scroll-reveal[data-reveal="card"] {
    --landing-reveal-distance: 20px;
  }

  .landing-scroll-reveal.is-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    filter: none !important;
  }
}