/* Motion only: keyframes and the animations that use them. Layout and colour live in gmic-wireframe.css. */

@keyframes service-scroll {
  to {
    transform: translateX(-100%);
  }
}

.service-track {
  animation: service-scroll 30s linear infinite;
}

.service-strip:hover .service-track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .service-track {
    animation: none;
  }
}