.music-list { display:grid; gap:2rem; }
.music-card { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:start; gap:clamp(1.5rem,3vw,2.5rem); padding:clamp(1rem,3vw,2rem); background:white; border:2px solid var(--black); border-radius:var(--radius); box-shadow:8px 8px 0 var(--yellow); }
.music-cover { position:relative; display:block; overflow:hidden; background:var(--black); border-radius:.75rem; }
.music-cover img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.music-play { position:absolute; left:1rem; bottom:1rem; padding:.5rem .85rem; color:var(--black); background:var(--yellow); border:2px solid var(--black); border-radius:999px; font-weight:800; }
.music-cover:focus-visible { outline:3px solid var(--black); outline-offset:5px; }
.music-cover:hover .music-play { background:white; }
.music-copy { min-width:0; }
.music-copy h2 { margin:0 0 1.25rem; font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; overflow-wrap:anywhere; }
.music-copy p { margin:0 0 1.1rem; color:#4c4c45; }
.music-copy .music-intro { color:var(--ink); font-size:1.1rem; }
.music-copy .button { margin-top:.4rem; }
@media (max-width:760px) { .music-card { grid-template-columns:1fr; gap:1.5rem; box-shadow:5px 5px 0 var(--yellow); } }