.song-page{background:radial-gradient(circle at 76% 4%,rgba(75,47,114,.16),transparent 36rem),var(--night)}
.song-page article{max-width:100rem;margin:0 auto}
.song-hero{display:grid;grid-template-columns:minmax(18rem,31rem) minmax(0,1fr);gap:clamp(2.5rem,7vw,8rem);align-items:center;padding:clamp(8rem,12vw,11rem) max(5vw,1.5rem) clamp(4rem,8vw,7rem)}
.song-artwork{position:relative}.song-artwork:before{content:"";position:absolute;inset:7% -7% -7% 7%;border:1px solid var(--line)}
.song-artwork img{position:relative;display:block;width:100%;height:auto;border:1px solid rgba(236,209,143,.38);box-shadow:0 2rem 6rem rgba(0,0,0,.55)}
.song-kicker{margin:0;color:var(--gold);font:700 .72rem/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.song-hero h1{max-width:12ch;margin:.65rem 0 1.2rem;font:500 clamp(3.7rem,7vw,7.5rem)/.84 var(--serif);letter-spacing:-.04em}
.song-deck{max-width:48rem;color:var(--muted);font:500 clamp(1.2rem,1.9vw,1.6rem)/1.5 var(--serif)}
.song-facts{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:2rem 0}.song-facts div{min-width:9rem}.song-facts dt{color:var(--gold);font:.65rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}.song-facts dd{margin:.3rem 0 0;color:var(--ink)}.song-facts a{color:inherit}
.song-services{display:flex;flex-wrap:wrap;gap:.7rem 1.25rem}.song-services a{color:var(--gold2);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.2rem;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.song-body{padding:0 max(5vw,1.5rem) clamp(6rem,10vw,10rem)}
.song-essay{display:grid;grid-template-columns:minmax(13rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,8rem);padding:clamp(3.5rem,7vw,7rem) 0;border-top:1px solid var(--line)}
.song-essay h2{max-width:10ch;margin:.65rem 0 0;font:500 clamp(2.5rem,5vw,5rem)/.9 var(--serif)}
.song-prose{max-width:52rem;color:var(--muted);font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.8}.song-prose p{margin:0 0 1.5rem}.song-prose em{color:var(--ink)}
.song-quote{margin:clamp(2rem,6vw,6rem) 0;padding:clamp(2rem,5vw,4rem);border:1px solid var(--line);background:linear-gradient(135deg,rgba(48,18,22,.7),rgba(16,12,12,.8));text-align:center}
.song-quote blockquote{max-width:24ch;margin:0 auto;color:var(--ink);font:italic 500 clamp(2rem,4.6vw,4.5rem)/1.05 var(--serif)}.song-quote figcaption{margin-top:1.5rem;color:var(--gold);font:.68rem/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.lyrics-section{display:grid;grid-template-columns:minmax(13rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,8rem);padding:clamp(3.5rem,7vw,7rem) 0;border-top:1px solid var(--line)}
.lyrics-heading{align-self:start;position:sticky;top:7rem}.lyrics-section h2{max-width:10ch;margin:.65rem 0 0;font:500 clamp(2.5rem,5vw,5rem)/.9 var(--serif)}
.lyrics-copy{max-width:52rem;color:var(--muted);font:500 clamp(1rem,1.25vw,1.12rem)/1.75 var(--serif)}
.lyrics-stanza{margin:0 0 2.1rem;color:inherit}
.lyrics-stanza::first-line{color:inherit}
.track-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:stretch;margin:clamp(3rem,7vw,7rem) 0}
.track-nav-link,.track-nav-album{display:flex;justify-content:center;border:1px solid var(--line);background:rgba(255,255,255,.018);text-decoration:none}.track-nav-link{min-height:7rem;flex-direction:column;padding:1.25rem 1.5rem}.track-nav-link span,.track-nav-album{color:var(--gold);font:700 .68rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}.track-nav-link strong{margin-top:.45rem;color:var(--ink);font:600 clamp(1.25rem,2vw,1.7rem)/1.1 var(--serif)}.track-nav-next{text-align:right}.track-nav-album{align-items:center;padding:1rem 1.4rem;color:var(--gold2)}.track-nav-link:hover,.track-nav-link:focus-visible,.track-nav-album:hover,.track-nav-album:focus-visible{border-color:var(--gold);background:rgba(203,163,92,.07)}
.related-songs{padding:clamp(3rem,6vw,5.5rem) 0 0;border-top:1px solid var(--line)}
.related-songs h2{margin:.55rem 0 2rem;font:500 clamp(2.6rem,4vw,4.3rem)/.95 var(--serif);letter-spacing:-.025em}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.4rem)}
.related-card{display:grid;grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);align-items:center;min-height:9.5rem;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,rgba(41,20,23,.78),rgba(18,13,13,.96));text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.related-card img{display:block;width:100%;height:100%;min-height:9.5rem;object-fit:cover}
.related-card>span{display:flex;flex-direction:column;gap:.7rem;padding:1.15rem;color:var(--gold);font:700 .62rem/1.35 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.related-card strong{color:var(--ink);font:600 clamp(1.15rem,1.6vw,1.55rem)/1.05 var(--serif);letter-spacing:0;text-transform:none}
.related-card:hover,.related-card:focus-visible{border-color:var(--gold);background:linear-gradient(135deg,rgba(63,27,32,.9),rgba(24,17,17,.98));transform:translateY(-2px)}
@media(max-width:980px){.related-grid{grid-template-columns:1fr}.related-card{grid-template-columns:8rem minmax(0,1fr);min-height:8rem}.related-card img{min-height:8rem}}
@media(max-width:760px){.song-hero,.song-essay,.lyrics-section{grid-template-columns:1fr}.song-artwork{max-width:28rem}.lyrics-heading{position:static}.track-navigation{grid-template-columns:1fr 1fr}.track-nav-album{grid-column:1/-1;grid-row:1}.song-hero h1{font-size:clamp(3rem,14vw,5rem)}.related-songs{padding-top:3.5rem}.related-card{grid-template-columns:6.75rem minmax(0,1fr);min-height:6.75rem}.related-card img{min-height:6.75rem}.related-card>span{padding:1rem}}
