/* Records (/records) — the list page borrows the Work hero and cards (work.css + zine.css);
   only the spinning record in the hero and the wide "coming soon" card are its own. */
.records-hero .hero-vinyl {
  width: clamp(150px, 19vw, 250px); height: auto; top: 14px;
  transform: rotate(-6deg); filter: drop-shadow(6px 6px 0 rgba(17, 17, 17, .9)); overflow: visible;
}
.records-hero .hero-vinyl .spin { transform-origin: 100px 100px; animation: records-spin 9s linear infinite; }
@keyframes records-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .records-hero .hero-vinyl .spin { animation: none; } }

/* while the shelf is empty, the one card spans the whole row */
.records-group .work-row.is-empty { grid-column: 1 / -1; }
.records-group .work-row.is-empty .t .en { font-family: var(--cv-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 820px) {
  .records-hero .hero-vinyl { width: 132px; }
}