/* Song page: the lyrics window of the homepage, as a page of its own. It loads site.css (which styles .lyrdlg, .lyr, .verse, .share …) and video.css (header/footer
   chrome), so the window looks exactly as it does on the homepage; this file only lets it sit in the page flow instead of floating over it. */
.sp-main{padding:clamp(92px,13vh,120px) 0 clamp(40px,8vh,80px);min-height:80vh}
.lyrdlg-page{position:relative;inset:auto;display:grid;grid-template-columns:1fr;margin:0 auto;max-height:none;animation:none}
@media (min-width:820px){.lyrdlg-page{grid-template-columns:360px 1fr}}
.lyrdlg-page .lyrdlg-body{max-height:none;overflow:visible}
@media (min-width:820px){.lyrdlg-page .lyrdlg-art{position:relative;top:auto;height:auto;max-height:none;display:flex;align-items:flex-start;justify-content:center;padding-top:0}.lyrdlg-page .lyrdlg-art img{position:sticky;top:calc(50vh - 150px);margin-top:clamp(60px,20vh,200px)}.lyrdlg-page .sh{width:calc((100% - 28px)/8);min-width:62px}.lyrdlg-page .sh svg{width:48px;height:48px;padding:12px}}
.lyrdlg-page .x{text-decoration:none;display:grid;place-items:center}
.lyrdlg-page .lyr header h1{margin:6px 0 4px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;letter-spacing:-.02em;line-height:1}
.lyrdlg-page .lyr-play .btn{margin:14px 0 8px}.lyrdlg-page .lyr-note{margin-top:22px}
.lyr-more{margin-top:26px;padding-top:18px;border-top:1px solid var(--rule)}
.sp-h{margin:0 0 12px;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-2);font-weight:800}
html[dir="rtl"] .sp-h{letter-spacing:0;text-transform:none;font-size:.95rem}
.sp-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:28px}
.sp-list li{border-bottom:1px solid var(--rule)}
.sp-list a{display:block;padding:11px 0;text-decoration:none;color:var(--paper);font-size:.95rem}
.sp-list a:hover{color:#fff}
/* Small labels above "About the song" and the lyrics, in the look of the chorus label. */
.lyr-sub{display:block;margin:0 0 8px;font:inherit;font-size:10.5px;font-weight:400;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:var(--haze)}
html[dir="rtl"] .lyr-sub{letter-spacing:0;text-transform:none;font-size:.8rem}
.lyr-words{margin-top:0;padding:22px 0 0;border-top:1px solid var(--rule)}
.lyr-words .lyr-sub{margin-bottom:14px;padding-inline-start:17px}
/* Link from every song page to the lyrics hub, and the hub itself (/lyrics/): the homepage discography, with every track linking to its own page. */
.lyr-all{margin:22px 0 0;font-size:.85rem}
.lyr-all a{color:var(--gold);text-decoration:none;border-bottom:1px solid transparent}
.lyr-all a:hover{border-bottom-color:currentColor;color:#fff}
.lyrics-hub .sec-head h1{margin:0;font-weight:800;font-stretch:114%;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.03em}
.lyrics-hub .grp{margin-bottom:clamp(44px,7vw,72px)}
.lyrics-hub .rel .art a{display:block;height:100%}
.lyrics-hub .rel h3 a{color:inherit;text-decoration:none}
.lyrics-hub .rel h3 a:hover{color:var(--gold)}
.lyrics-hub .tl{margin-top:10px}
.lh-disc{margin:14px 0 0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--haze)}
html[dir="rtl"] .lh-disc{letter-spacing:0;text-transform:none;font-size:.8rem}