.music-section{background:#f0ede3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.music-section .section-heading{margin-bottom:53px}
.mixtape{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;max-width:1080px;margin:0 auto}
.record-deck{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;max-width:355px;padding:27px;background:#e2e5d6;border:1px solid #ccd0be;box-shadow:5px 8px 0 #d9dccd70;transform:rotate(-3deg);justify-self:center;isolation:isolate}
.record-deck:before{content:'';position:absolute;inset:11px;border:1px solid #c1c6b480;pointer-events:none}
.vinyl-record{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 28% 25%,#ffffff1c,transparent 45%),repeating-radial-gradient(circle at center,#171c18 0 2px,#2c322b 3px 4px,#191e19 5px 7px);box-shadow:0 5px 14px #2833262e,inset 0 0 0 2px #373b32;will-change:transform}
.record-label{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:37%;aspect-ratio:1;border-radius:50%;background:#e8d8ca;border:3px double #b68d82;color:var(--wine);text-align:center;font:italic 16px/1.35 var(--serif);padding:8px}
.record-label strong{display:block;font:37px/1.05 var(--script);margin:3px 0}
.record-label small{display:block;font:7px/1.5 var(--sans);letter-spacing:.6px}
.record-stamp{position:absolute;bottom:-20px;right:-10px;max-width:155px;font:29px/1.05 var(--script);color:var(--wine);text-align:center;transform:rotate(-7deg);z-index:1}
.mixtape-kicker{font-size:8px;letter-spacing:1.7px;line-height:1.7;color:var(--muted);margin:0 0 13px}
.record-deck.turn-record .vinyl-record{animation:oneSweetTurn 1.2s cubic-bezier(.3,.05,.25,1) both}
.track-list{display:grid;gap:10px}
.track-button{display:flex;align-items:center;gap:19px;width:100%;padding:18px 20px;border:1px solid #d4d5c6;background:#f8f6ee;text-align:left;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.track-number{flex:0 0 25px;font:25px/1 var(--serif);color:#939581}
.track-details{display:flex;flex-direction:column;min-width:0;flex:1}
.track-name{font:28px/1.1 var(--serif);color:var(--ink)}
.track-credit{font-size:9px;line-height:1.7;color:var(--muted);margin-top:4px;letter-spacing:.4px}
.track-caption{font:italic 17px/1.4 var(--serif);color:#7a7b6b;margin-top:7px}
.track-arrow{flex-shrink:0;font-size:22px;color:var(--wine);transition:transform .25s}
.track-button:hover{background:#fdfaf4;border-color:#b8bda5;transform:translateX(3px)}
.track-button:hover .track-arrow{transform:translateX(3px)}
.track-button[aria-pressed=true]{background:#eddfd7;border-color:#b98b8d;box-shadow:inset 3px 0 var(--wine)}
.track-button[aria-pressed=true] .track-name,.track-button[aria-pressed=true] .track-number{color:var(--wine)}
.player-panel{width:100%;margin-top:23px;padding:18px 18px 16px;background:#faf7f0;border:1px solid #dedbcf}
.player-caption{font-size:10px;line-height:1.6;letter-spacing:.4px;color:var(--wine);margin-bottom:12px}
.spotify-frame{display:block;width:100%;height:152px;border:0;border-radius:12px;background:#e8e7de}
.player-hint{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}
.music-link{display:inline-block;color:var(--wine);font-size:10px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ae8588;transition:text-decoration-color .2s}
.music-link:hover{text-decoration-color:var(--wine)}
.artist-mentions{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1080px;margin:55px auto 0;padding-top:35px;border-top:1px solid #d4d5c6;align-items:start}
.artist-card{display:block;width:100%;min-height:177px;padding:22px 21px;border:1px solid #d6d5c6;background:#f8f6ee;text-align:left;transition:background .25s,border-color .25s,transform .25s}
.artist-tag{display:block;font-size:7px;line-height:1.7;letter-spacing:1.7px;color:var(--wine);margin-bottom:12px}
.artist-name{display:block;font:29px/1.1 var(--serif);color:var(--ink)}
.artist-tease{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:11px}
.artist-card:hover{background:#fcfaf4;border-color:#b6bca5;transform:translateY(-3px)}
.artist-card[aria-expanded=true],.artist-card[aria-pressed=true]{background:#eddfd7;border-color:#b98b8d}
.artist-verdict{font:italic 18px/1.5 var(--serif);color:var(--wine);margin:14px 2px 0;padding-left:13px;border-left:1px solid #b98b8d}
.artist-mentions>div{min-width:0}
.artist-verdict a{color:var(--wine);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ae8588}
.player-panel[hidden],.artist-verdict[hidden]{display:none}
@keyframes oneSweetTurn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:1100px){.mixtape{gap:40px}.record-deck{padding:22px}.record-label strong{font-size:31px}.record-stamp{font-size:26px}.artist-card{padding:21px 18px}.artist-name{font-size:26px}}
@media(max-width:800px){.music-section .section-heading{margin-bottom:38px}.mixtape{grid-template-columns:1fr;gap:44px;max-width:560px}.record-deck{max-width:280px;padding:29px}.vinyl-record{width:220px;max-width:100%}.record-label strong{font-size:30px}.record-label{font-size:14px}.record-label small{font-size:6px}.record-stamp{right:-13px;bottom:-18px;font-size:27px}.artist-mentions{max-width:560px;gap:12px;margin-top:38px}.artist-card{min-height:191px;padding:19px 14px}.artist-name{font-size:23px}.artist-tag{font-size:6px;letter-spacing:1.1px}.artist-tease{font-size:9px}.artist-verdict{font-size:17px}}
@media(max-width:600px){.mixtape{gap:37px}.record-deck{max-width:280px}.music-section .section-heading{margin-bottom:35px}.track-button{padding:16px 15px;gap:14px}.track-number{font-size:23px;flex-basis:22px}.track-name{font-size:27px}.track-credit{font-size:9px}.track-caption{font-size:17px}.track-arrow{font-size:21px}.player-panel{padding:15px 13px;margin-top:18px}.player-caption{font-size:9px}.player-hint,.music-link{font-size:10px}.artist-mentions{grid-template-columns:1fr;gap:11px;margin-top:33px;padding-top:28px}.artist-card{min-height:0;padding:18px 20px}.artist-tag{font-size:7px;margin-bottom:7px;letter-spacing:1.4px}.artist-name{font-size:28px}.artist-tease{font-size:10px;margin-top:8px}.artist-verdict{font-size:18px;margin-top:11px;margin-bottom:7px}}
@media(max-width:360px){.record-deck{max-width:245px;padding:23px}.track-button{padding:15px 12px;gap:11px}.track-name{font-size:25px}.track-caption{font-size:16px}.track-number{flex-basis:20px}.record-stamp{right:-5px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.record-deck.turn-record .vinyl-record{animation:none}.vinyl-record{will-change:auto}.track-button,.track-arrow,.artist-card,.music-link{transition:none}.track-button:hover,.track-button:hover .track-arrow,.artist-card:hover{transform:none}}