.motion-ready .reveal-on-scroll {
  opacity: 0;
  transform: translate3d(28px, 0, 0);
  transition: opacity .72s ease, transform .72s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}

.motion-ready .reveal-on-scroll.reveal-up {
  transform: translate3d(0, 22px, 0);
}

.motion-ready .reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.motion-ready .reveal-on-scroll[data-reveal-delay="1"] { transition-delay: .08s; }
.motion-ready .reveal-on-scroll[data-reveal-delay="2"] { transition-delay: .16s; }
.motion-ready .reveal-on-scroll[data-reveal-delay="3"] { transition-delay: .24s; }
.motion-ready .reveal-on-scroll[data-reveal-delay="4"] { transition-delay: .32s; }

.hero.hero-motion-ready .kicker,
.hero.hero-motion-ready h1,
.hero.hero-motion-ready p,
.hero.hero-motion-ready .hero-actions {
  opacity: 0;
  transform: translate3d(32px, 0, 0);
  transition: opacity .9s ease, transform .9s cubic-bezier(.22, .61, .36, 1);
}

.hero.hero-motion-ready .hero-actions {
  transform: translate3d(0, 18px, 0);
}

.hero.hero-motion-ready.hero-is-visible .kicker,
.hero.hero-motion-ready.hero-is-visible h1,
.hero.hero-motion-ready.hero-is-visible p,
.hero.hero-motion-ready.hero-is-visible .hero-actions {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.hero.hero-motion-ready.hero-is-visible .kicker { transition-delay: .12s; }
.hero.hero-motion-ready.hero-is-visible h1 { transition-delay: .38s; }
.hero.hero-motion-ready.hero-is-visible p { transition-delay: .66s; }
.hero.hero-motion-ready.hero-is-visible .hero-actions { transition-delay: .94s; }

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

  .hero.hero-motion-ready .kicker,
  .hero.hero-motion-ready h1,
  .hero.hero-motion-ready p,
  .hero.hero-motion-ready .hero-actions {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}