.song-works{padding:88px 0 96px;background:#f8f7f5;scroll-margin-top:110px;color:#1a2a3a}
.song-works-inner{max-width:1400px;margin:0 auto;padding:0 clamp(28px,5.5vw,80px)}
.song-works-heading{text-align:center;margin-bottom:52px}
.song-works-heading .sec-title{justify-content:center}
.song-works-heading .head-sub{margin-bottom:0}
.song-works-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,4vw,64px);align-items:start}
.song-works-feature,.song-works-selection{min-width:0}
.song-works-cover{margin:0;aspect-ratio:1;overflow:hidden;background:#f0efea;border-radius:8px}
.song-works-image{display:block;width:100%;height:100%;object-fit:contain}
.song-works-caption{margin:24px 0 20px}
.song-works-caption h3{font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 6px}
.song-works-caption p{font-size:13px;line-height:1.8;color:#5a6a7a;margin:0}
.song-works-guide{font-size:12px;line-height:1.8;color:#5a6a7a;margin:0 0 18px}
.song-works-list{list-style:none;padding:0;margin:0;border-top:1px solid #a5acae}
.song-works-list>li{border-bottom:1px solid #a5acae}
.song-works-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px;padding:24px 0;color:inherit;text-decoration:none;cursor:pointer}
.song-works-name{font-size:clamp(21px,2.1vw,32px);font-weight:500;letter-spacing:-.035em;line-height:1.5;overflow-wrap:anywhere;transition:color .2s}
.song-works-author{font-size:12px;line-height:1.8;flex-shrink:0;color:#5a6a7a;text-align:right;max-width:35%;overflow-wrap:anywhere}
.song-works-row:is(:hover,.is-selected) .song-works-name{color:var(--accent-ink)}
.song-works-row:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.song-works-selection{display:flex;flex-direction:column}
.song-works-all{align-self:center;margin-top:28px}
@media(max-width:860px){
 .song-works{padding:56px 0 64px}
 .song-works-heading{margin-bottom:32px}
 .song-works-layout{grid-template-columns:1fr;gap:36px}
 .song-works-feature{max-width:520px;width:100%;margin:0 auto}
 .song-works-cover{max-width:440px;margin:0 auto}
 .song-works-row{min-height:76px;padding:20px 0;gap:16px}
 .song-works-name{font-size:clamp(19px,4.5vw,26px)}
}
@media(max-width:480px){
 .song-works-inner{padding:0 24px}
 .song-works-row{align-items:start;flex-direction:column;gap:6px}
 .song-works-author{max-width:100%;text-align:left}
 .song-works-feature>.btn-primary,.song-works-all{max-width:100%;min-width:0;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.song-works-name{transition:none}}

.song-works-caption{display:flex;align-items:center;justify-content:space-between;gap:20px}
.song-works-caption>div:first-child{min-width:0}
.song-works-play-controls{flex-shrink:0}
.song-works-play:not([hidden]){display:flex;align-items:center;justify-content:center}
.song-works-play{width:64px;height:64px;border:0;border-radius:50%;background:#1a1a1a;color:#fff;cursor:pointer;transition:background .2s ease,transform .3s cubic-bezier(.34,1.5,.5,1)}
.song-works-play>i{font-size:17px;margin-left:2px}
.song-works-play:disabled{opacity:.4;cursor:default}
.song-works-play:focus-visible{outline:3px solid #f5b033;outline-offset:4px}
@media(hover:hover){.song-works-play:hover:not(:disabled){background:#343434;transform:scale(1.06)}}
@media(max-width:480px){.song-works-play{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.song-works-play{transition:none}}