/* Scroll fade animation */
.js-scroll-fade .scroll-fade {
  opacity: 0;
  transform: translateY(18px);
  filter: saturate(0.96);
  transition: opacity 0.55s ease, transform 0.55s ease, filter 0.55s ease;
  will-change: opacity, transform, filter;
}

.js-scroll-fade .scroll-fade.is-visible {
  opacity: 1;
  transform: translateY(0);
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .js-scroll-fade .scroll-fade,
  .js-scroll-fade .scroll-fade.is-visible {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
}