/*
  Production Scroll Reveal Motion
  Safe rule: content is hidden only after JavaScript adds html.srml-js.
*/

html[data-site-motion="enabled"].srml-js [data-srml]:not(.srml-is-visible),
html[data-site-motion="enabled"].srml-js [data-srml].manual-motion-rearm {
  opacity: 0 !important;
  transform: translate3d(0, 120px, 0) scale(.90) !important;
  filter: blur(18px) !important;
  clip-path: inset(28% 0 0 0) !important;
}

html[data-site-motion="enabled"].srml-js [data-srml],
html.srml-js [data-srml] {
  opacity: 0;
  transform: translate3d(0, 72px, 0);
  filter: blur(12px);
  clip-path: inset(0 0 16% 0);
  transition:
    opacity 1080ms cubic-bezier(.2, .8, .2, 1),
    transform 1080ms cubic-bezier(.2, .8, .2, 1),
    filter 1080ms cubic-bezier(.2, .8, .2, 1),
    clip-path 1080ms cubic-bezier(.2, .8, .2, 1);
  transition-delay: var(--srml-delay, 0ms);
  will-change: opacity, transform, filter, clip-path;
}

html[data-site-motion="enabled"].srml-js [data-srml].srml-is-visible,
html.srml-js [data-srml].srml-is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
  clip-path: inset(0 0 0 0) !important;
}

html.srml-js [data-srml-preset="text-line-rise"] {
  transform: translate3d(0, 64px, 0);
  filter: blur(9px);
}

html.srml-js [data-srml-preset="blur-in"] {
  transform: translate3d(0, 46px, 0) scale(.975);
  filter: blur(14px);
}

html.srml-js [data-srml-preset="card-lift"] {
  transform: translate3d(0, 92px, 0) scale(.94);
  filter: blur(12px);
  transition-duration: 1180ms;
}

html.srml-js [data-srml-preset="image-soft-zoom"],
html.srml-js [data-srml-preset="image-mask-reveal"] {
  transform: translate3d(0, 84px, 0) scale(.93);
  filter: blur(13px) saturate(.9);
  clip-path: inset(20% 0 0 0 round 6px);
  transition-duration: 1240ms;
}

html.srml-js [data-srml-preset="button-pop"] {
  transform: translate3d(0, 38px, 0) scale(.88);
  filter: blur(6px);
  transition-duration: 780ms;
}

html.srml-js [data-srml-preset="security-tech-scan"] {
  transform: translate3d(0, 40px, 0) scale(.97);
  filter: blur(8px) brightness(.9);
  transition-duration: 920ms;
}

html.srml-js [data-srml-preset="security-tech-scan"].srml-is-visible {
  filter: none;
}

@media (max-width: 720px) {
  html.srml-js [data-srml] {
    transform: translate3d(0, 24px, 0);
    filter: blur(5px);
    transition-duration: 620ms;
  }

  html.srml-js [data-srml-preset="card-lift"],
  html.srml-js [data-srml-preset="image-soft-zoom"],
  html.srml-js [data-srml-preset="image-mask-reveal"] {
    transform: translate3d(0, 28px, 0) scale(.98);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-site-motion="respect-user"].srml-js [data-srml],
  html[data-site-motion="respect-user"].srml-js [data-srml].srml-is-visible {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: inset(0 0 0 0);
    transition: none;
    animation: none;
  }
}

html.manual-motion-test [data-srml] {
  transition:
    opacity 900ms cubic-bezier(.18, .82, .24, 1),
    transform 900ms cubic-bezier(.18, .82, .24, 1),
    filter 900ms cubic-bezier(.18, .82, .24, 1),
    clip-path 900ms cubic-bezier(.18, .82, .24, 1) !important;
}

html.manual-motion-test [data-srml].manual-motion-rearm {
  opacity: 0 !important;
  transform: translate3d(0, 86px, 0) scale(.92) !important;
  filter: blur(14px) !important;
  clip-path: inset(24% 0 0 0) !important;
}