@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger.animate--slide-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .75s ease calc(var(--animation-order, 0) * 90ms), transform .75s cubic-bezier(.2,.7,.2,1) calc(var(--animation-order, 0) * 90ms);
  }
  .scroll-trigger.animate--slide-in.scroll-trigger--offscreen { opacity: 0; transform: translateY(34px); }
  .animate--zoom-in { overflow: hidden; }
  .animate--zoom-in img { transform: scale(var(--zoom-in-ratio, 1)); transform-origin: center; will-change: transform; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .scroll-trigger--offscreen { opacity: 1 !important; transform: none !important; }
}