/* Harbor motion: final shared rules and responsive variants. */
.hb-motion-enabled .hb-scroll-reveal:not(.is-visible) .hb-scroll-reveal-item {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
}

.hb-scroll-reveal .hb-scroll-reveal-item {
  transition-property: opacity, transform;
  transition-duration: 640ms;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--hb-reveal-delay, 0ms);
}

.hb-motion-enabled .hb-scroll-reveal.is-visible .hb-scroll-reveal-item {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .hb-motion-enabled .hb-scroll-reveal .hb-scroll-reveal-item {
    opacity: 1;
    transform: none;
    transition: none;
  }
}