.vinyls{padding:76px 7vw;border-top:2px solid var(--ink)}.vinyl-intro{font-size:18px;max-width:600px;line-height:1.4}.vinyl-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.record-card{position:relative;border:0;background:none;padding:0;aspect-ratio:1;perspective:900px;cursor:pointer}.record-front,.record-back{display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:18px;width:100%;height:100%;backface-visibility:hidden;transition:transform .55s;position:absolute;inset:0}.record-front{background:var(--ink)}.record-cover-image{width:100%;height:100%;object-fit:cover}.record-back{background:var(--ink);color:var(--cream);transform:rotateY(180deg)}.record-back strong{font-size:22px;line-height:1}.record-back small{color:var(--green)}.record-card.flipped .record-front{transform:rotateY(180deg)}.record-card.flipped .record-back{transform:rotateY(360deg)}.vinyl-empty{margin-top:28px}@media(max-width:720px){.vinyls{padding:54px 8vw}.vinyl-cards{grid-template-columns:repeat(2,1fr)}.record-card:nth-child(n+3){display:none}.vinyl-intro{font-size:16px}}