.records-content { padding-block: clamp(30px,4vw,54px); }
.records-feature { display:grid; grid-template-columns:minmax(0,35%) minmax(0,1fr); align-items:center; gap:6%; padding-bottom:36px; border-bottom:1px solid var(--line); }
.records-vinyl { margin:0; text-align:center; }
.records-disc { position:relative; aspect-ratio:1; width:94%; margin:auto; border-radius:50%; background:repeating-radial-gradient(circle,#ffffff0a 0 1px,transparent 1px 6px),conic-gradient(from -10deg,#343438,#17171a,#101013,#303035,#111114,#242427,#343438); box-shadow:0 8px 18px #0003; }
.records-disc::before,.records-disc::after { content:""; position:absolute; inset:36%; border-radius:50%; }
.records-disc::before { border:2px solid #161417; background:linear-gradient(#933f52,#541f31); }
.records-disc::after { inset:48.8%; background:#e3e2dd; }
.records-vinyl figcaption { margin-top:16px; color:var(--muted); font-size:10px; letter-spacing:.13em; }
.records-feature h2,.records-list h2,.records-guest h2 { font:400 clamp(29px,4vw,49px)/1.13 Georgia,serif; letter-spacing:-.03em; }
.records-feature h2 { margin:17px 0 25px; }
.records-controls { display:flex; align-items:center; gap:15px; }
.records-controls audio { width:100%; min-width:0; }
.records-play { flex:none; display:inline-grid; place-items:center; width:39px; height:39px; padding:0; border:1px solid var(--line); border-radius:50%; text-decoration:none; color:var(--accent); background:transparent; }
.records-controls .records-play,.records-track.is-selected .records-play { color:white; background:var(--accent); border-color:var(--accent); }
.records-list { padding-top:34px; }
.records-list-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; }
.records-list-head h2,.records-guest h2 { font-size:clamp(26px,3.2vw,39px); }
.records-list .gallery-bar { margin:0; }
.records-all { padding:14px 0; color:var(--accent); border-bottom:1px solid var(--accent); }
.records-list ol { list-style:none; padding:0; margin:0; }
.records-track { display:grid; grid-template-columns:30px 40px minmax(0,1fr) auto; align-items:center; gap:15px; padding:17px; border-bottom:1px solid var(--line); }
.records-track.is-selected,.records-guest { background:#d7d8d2; }
.records-track-title { font:400 clamp(18px,2.2vw,26px)/1.2 Georgia,serif; overflow-wrap:anywhere; }
.records-download { font-size:12px; }
.records-covers { margin-top:24px; }
.records-covers summary { color:var(--accent); cursor:pointer; }
.records-covers figure { margin:12px 0; }
.records-covers img { max-height:260px; object-fit:contain; }
.records-guest { padding:clamp(24px,4vw,45px) 0; }
.records-guest .bio-wrap { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:20px; }
.records-guest svg { width:37px; color:var(--accent); }
.records-guest p { color:var(--muted); margin:8px 0 0; }
.records-guest a { display:flex; justify-content:space-between; align-items:center; gap:24px; border:1px solid var(--accent); padding:9px 14px; font-size:14px; text-decoration:none; }
.records-guest a span { font-size:22px; }
@media(max-width:760px) {
 .records-feature,.records-guest .bio-wrap { grid-template-columns:1fr; gap:21px; }
 .records-disc { width:min(87%,350px); }
 .records-track { grid-template-columns:28px 39px minmax(0,1fr); gap:9px; padding:14px 9px; }
 .records-track .gallery-number { grid-column:1; }
 .records-track-title { grid-row:1; grid-column:2/-1; }
 .records-track .records-play { grid-column:2; }
 .records-download { grid-column:3; }
}

@media (prefers-reduced-motion: no-preference) {
 .records-disc { animation: records-spin 4s linear infinite paused; }
 .records-disc.is-spinning { animation-play-state: running; }
}
@keyframes records-spin { to { transform: rotate(360deg); } }