.nvm-snapdesign-work-ticker {
  width: 100%;
  height: 440px;
  overflow: hidden;
  background: #ffffff;
}

.nvm-snapdesign-work-ticker__track {
  display: flex;
  width: max-content;
  height: 100%;
  gap: 24px;
  align-items: stretch;
  animation: snapdesign-work-ticker-scroll 38s linear infinite;
  will-change: transform;
}

.nvm-snapdesign-work-ticker__card {
  display: block;
  width: 371px;
  height: 440px;
  flex: 0 0 auto;
  object-fit: cover;
}

@keyframes snapdesign-work-ticker-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-4 * (371px + 24px)), 0, 0); }
}

@media (max-width: 1024px) {
  .nvm-snapdesign-work-ticker__card { width: 300px; }
  @keyframes snapdesign-work-ticker-scroll {
    to { transform: translate3d(calc(-4 * (300px + 24px)), 0, 0); }
  }
}

@media (max-width: 767px) {
  .nvm-snapdesign-work-ticker { height: 305px; }
  .nvm-snapdesign-work-ticker__track { gap: 16px; animation-duration: 30s; }
  .nvm-snapdesign-work-ticker__card { width: 244px; height: 305px; }
  @keyframes snapdesign-work-ticker-scroll {
    to { transform: translate3d(calc(-4 * (244px + 16px)), 0, 0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .nvm-snapdesign-work-ticker__track {
    animation: none;
    transform: none;
  }
}
