.recording-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;display:grid}.recording-card,.concert-playlist-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;min-width:0;overflow:hidden}.recording-media{aspect-ratio:16/10;background:var(--ink);position:relative}.recording-new{z-index:1;background:var(--yellow);color:var(--ink);border:1px solid var(--ink);letter-spacing:.04em;pointer-events:none;border-radius:99px;padding:5px 10px;font-size:.7rem;font-weight:700;line-height:1.6;position:absolute;top:12px;left:12px}.recording-event-link{border-bottom:1px solid;align-items:center;gap:8px;width:fit-content;min-height:44px;font-size:.78rem;text-decoration:none;display:flex}.performance-list{margin:16px 0 0;padding:0;list-style:none}.performance-list li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 12px;padding-block:6px;display:flex}.performance-list button{min-height:44px;color:var(--ink);text-align:left;font:inherit;background:0 0;border:0;flex:140px;padding:6px 0;font-size:.85rem;font-weight:700}.performance-list a{align-items:center;gap:6px;min-height:44px;font-size:.75rem;display:inline-flex}.recording-play{background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.recording-play img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recording-play:hover img{transform:scale(1.035)}.recording-play:focus-visible{outline-offset:-5px;outline-color:var(--yellow)}.play-circle{background:var(--yellow);border:1px solid var(--ink);width:54px;height:54px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;padding-left:3px;font-size:1rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recording-media iframe{border:0;width:100%;height:100%;display:block}.recording-copy{padding:24px}.recording-subtitle{color:var(--muted);margin-bottom:9px;font-size:.68rem;line-height:1.55}.recording-copy h3{margin-bottom:13px;font-size:1.7rem;line-height:1.15}.recording-copy>p:not(.recording-subtitle){color:var(--muted);margin-bottom:12px;font-size:.88rem}.recording-copy .text-link{min-height:40px;font-size:.78rem}@media (width<=1000px){.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-copy{padding:20px}.recording-copy h3{font-size:1.45rem}}@media (width<=700px){.recording-new{font-size:.8125rem}.recording-subtitle,.recording-event-link,.recording-copy .text-link,.performance-list a{font-size:.875rem}.performance-list button{font-size:.9375rem}.recording-grid{grid-template-columns:1fr;gap:24px}.recording-copy{padding:24px}.recording-copy h3{font-size:1.7rem}}