:root {
  --duration-extra-long: 900ms;
  --duration-extra-longer: 1150ms;
  --ease-out-slow: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger.animate--slide-in {
    transform: translateY(2.8rem);
  }

  .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
    animation-delay: calc(var(--animation-order) * 120ms);
  }
}