:root {
  --animate-duration: 420ms;
  --animate-ease: cubic-bezier(.2, .75, .2, 1);
  --animate-distance: 10px;
  --animate-scale: .995;
}
.hero__motion-sweep {
  display: none !important;
}
.animations-ready [data-animate]:not([data-animate="none"]),
.animations-ready [data-animate-group] > :not([data-animate="none"]) {
  opacity: 1;
  transform: none;
  filter: none;
}
.animations-ready [data-animate]:not([data-animate="none"]).is-visible,
.animations-ready [data-animate-group] > :not([data-animate="none"]).is-visible {
  animation: element-reveal-soft var(--animate-duration) var(--animate-ease) both;
  animation-delay: var(--animate-delay, 0ms);
}
.animations-ready .hero[data-hero-entrance] [data-hero-entrance-item] {
  opacity: 1;
  transform: none;
  filter: none;
}
.animations-ready .hero[data-hero-entrance].is-hero-visible [data-hero-entrance-item] {
  animation: hero-item-reveal-soft 340ms cubic-bezier(.16, .84, .18, 1) var(--hero-delay, 0ms) both;
}
@keyframes element-reveal-soft {
  0% {
    opacity: .96;
    transform: translate3d(0, var(--animate-distance), 0) scale(var(--animate-scale));
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hero-item-reveal-soft {
  0% {
    opacity: .96;
    transform: translate3d(0, 8px, 0) scale(.995);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@media (max-width: 720px) {
  :root {
    --animate-duration: 300ms;
    --animate-distance: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animations-ready [data-animate]:not([data-animate="none"]),
  .animations-ready [data-animate-group] > :not([data-animate="none"]),
  .animations-ready .hero[data-hero-entrance] [data-hero-entrance-item] {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
    animation: none;
    animation-delay: 0ms;
  }
  .animations-ready .hero[data-hero-entrance] .hero__motion-sweep {
    display: none;
  }
}