@media (prefers-reduced-motion: no-preference) {
  .portfolio-case-slide {
    opacity: 0.42;
    transform: translateY(26px) scale(0.985);
    filter: saturate(0.86);
    transition: opacity 560ms ease, transform 560ms ease, filter 560ms ease;
  }

  .portfolio-case-slide.in-view {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: saturate(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .portfolio-case-slide {
    transition: none;
  }
}