@keyframes portfolioRailMobile {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 800px) and (prefers-reduced-motion: no-preference) {
  .portfolio-filmstrip {
    touch-action: pan-y;
  }

  .portfolio-track {
    animation-name: portfolioRailMobile;
    animation-duration: 72s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running !important;
    will-change: transform;
  }

  .portfolio-filmstrip.is-paused .portfolio-track {
    animation-play-state: paused !important;
  }
}