/* Partner-card background: tilted scrolling rows of cover art (ported from background-demo.html) */
.bg-stage { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.bg-rotor {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(-20deg);
  display: flex; flex-direction: column; gap: 26px;
}
.bg-row { height: 150px; overflow: hidden; }
.bg-track { display: flex; width: max-content; will-change: transform; }
.bg-card {
  width: 94px; height: 150px; margin-right: 18px;
  border-radius: 12px; object-fit: cover; display: block;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .5);
}
@keyframes bgmL { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--set))); } }
@keyframes bgmR { from { transform: translateX(calc(-1 * var(--set))); } to { transform: translateX(0); } }
.bg-scrim {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(135% 125% at 50% 50%, rgba(10, 9, 12, 0) 28%, rgba(10, 9, 12, .5) 72%, rgba(10, 9, 12, .82) 100%);
}
@media (prefers-reduced-motion: reduce) { .bg-track { animation: none !important; } }