html.ocdata-motion-ready .ocdata-reveal {
  transition-property: opacity, transform, filter;
  transition-duration: 680ms;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: 0ms;
}

html.ocdata-motion-ready .ocdata-reveal:not(.is-visible) {
  opacity: 0;
  filter: blur(2px);
  will-change: opacity, transform;
}

html.ocdata-motion-ready .ocdata-reveal.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

html.ocdata-motion-ready .ocdata-reveal--rise:not(.is-visible) {
  transform: translate3d(0, 28px, 0);
}

html.ocdata-motion-ready .ocdata-reveal--soft:not(.is-visible) {
  transform: translate3d(0, 18px, 0);
}

html.ocdata-motion-ready .ocdata-reveal--left:not(.is-visible) {
  transform: translate3d(-34px, 0, 0) scale(0.985);
}

html.ocdata-motion-ready .ocdata-reveal--right:not(.is-visible) {
  transform: translate3d(-26px, 0, 0) scale(0.985);
}

html.ocdata-motion-ready .ocdata-reveal-delay-1 {
  transition-delay: 80ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-2 {
  transition-delay: 140ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-3 {
  transition-delay: 200ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-4 {
  transition-delay: 260ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-5 {
  transition-delay: 320ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-6 {
  transition-delay: 380ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-7 {
  transition-delay: 440ms;
}

html.ocdata-motion-ready .ocdata-reveal-delay-8 {
  transition-delay: 500ms;
}

html.ocdata-motion-ready .ocdata-reveal--scale:not(.is-visible) {
  transform: scale(0.96);
}

@media (max-width: 1024px) {
  html.ocdata-motion-ready .ocdata-reveal {
    transition-duration: 560ms;
  }

  html.ocdata-motion-ready .ocdata-reveal--rise:not(.is-visible),
  html.ocdata-motion-ready .ocdata-reveal--soft:not(.is-visible) {
    transform: translate3d(0, 20px, 0);
  }

  html.ocdata-motion-ready .ocdata-reveal--left:not(.is-visible),
  html.ocdata-motion-ready .ocdata-reveal--right:not(.is-visible) {
    transform: translate3d(-18px, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ocdata-motion-ready .ocdata-reveal,
  html.ocdata-motion-ready .ocdata-reveal:not(.is-visible),
  html.ocdata-motion-ready .ocdata-reveal.is-visible {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
    will-change: auto;
  }
}