.motion-ready .motion-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  filter: blur(7px);
  transition:
    opacity 720ms cubic-bezier(.2,.75,.2,1),
    transform 820ms cubic-bezier(.2,.75,.2,1),
    filter 720ms ease;
  transition-delay: var(--motion-delay, 0ms);
}

.motion-ready .motion-reveal.motion-image {
  transform: translate3d(0, 18px, 0) scale(.975);
  filter: blur(5px) saturate(.72);
}

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

.motion-scramble {
  min-height: 1em;
}

.motion-scramble.is-scrambling {
  text-shadow: 0 0 14px rgba(255,106,43,.2);
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .motion-reveal,
  .motion-ready .motion-reveal.motion-image {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}