.motion-ready [data-modern-reveal] {
  opacity: 1;
  transform: none;
}

.motion-ready [data-modern-reveal].is-revealed {
  animation: modern-reveal .62s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: var(--modern-reveal-delay, 0ms);
}

@keyframes modern-reveal {
  from {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 640px) {
  .motion-ready [data-modern-reveal] {
    transform: none;
  }
  .motion-ready [data-modern-reveal].is-revealed {
    animation-duration: .54s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready [data-modern-reveal] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}