/**
 * Artist marquee — seamless horizontal scroll with edge fade.
 * Scoped to this SDC; auto-attached when the component renders.
 */
.wa-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
          mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent);
}

.wa-marquee-track {
  display: inline-flex;
  align-items: center;
  gap: 1.75rem;
  white-space: nowrap;
  will-change: transform;
  animation: wa-marquee-scroll 32s linear infinite;
}

.wa-marquee:hover .wa-marquee-track {
  animation-play-state: paused;
}

@keyframes wa-marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

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