.single-page .site-header { position: relative; }
.single-main { overflow: hidden; }
.single-hero { align-items: center; display: grid; gap: clamp(3rem, 10vw, 11rem); grid-template-columns: minmax(15rem, 29rem) minmax(15rem, 1fr); min-height: min(83vh, 52rem); padding: clamp(4rem, 9vw, 8rem) var(--page-padding); }
.single-hero > img { box-shadow: 0 1rem 4rem rgba(0, 0, 0, .22); width: 100%; }
.single-heading .eyebrow { margin-bottom: 1rem; }
.single-custodian { color: var(--muted); font-size: 1.45rem; margin: 0 0 1rem; }
.single-heading h1 { font-family: var(--display); font-size: clamp(3.5rem, 9vw, 9rem); font-weight: 500; letter-spacing: .08em; line-height: .8; margin: 0; text-transform: uppercase; }
.single-release-date { color: var(--muted); margin-top: 1.35rem; }
.single-listen { display: inline-block; font-family: var(--display); font-size: .78rem; letter-spacing: .14em; margin-top: 2.2rem; text-transform: uppercase; }
.single-listen span { margin-left: .35rem; }
.single-lyrics-section { column-gap: clamp(2rem, 6vw, 7rem); display: grid; grid-template-columns: clamp(9rem, 22vw, 18rem) minmax(0, 40rem); margin: clamp(4.75rem, 8vw, 8rem) auto 0; max-width: 82rem; padding: 0 var(--page-padding); }
.single-lyric-heading { align-self: start; font-weight: 400; margin: .2rem 0 0; }
.single-lyric-heading .track-number { border-left: 1px solid var(--warm); display: block; padding-left: .7rem; }
.single-lyrics { font-size: clamp(1.28rem, 1.55vw, 1.55rem); margin-left: 0; max-width: 40rem; }
.single-colophon { margin-top: clamp(10rem, 18vw, 18rem); }

@media (max-width: 760px) {
  .single-page .site-header { position: absolute; }
  .single-hero { display: block; min-height: 0; padding: 7rem var(--page-padding) 5rem; }
  .single-hero > img { margin: 0 auto; max-width: 27rem; }
  .single-heading { margin-top: 2.25rem; }
  .single-heading h1 { font-size: clamp(3rem, 13vw, 4.35rem); letter-spacing: .065em; white-space: nowrap; }
  .single-lyrics-section { display: block; margin-top: 3.5rem; }
  .single-lyric-heading { margin: 0 0 2.5rem; }
  .single-lyrics { font-size: 1.25rem; margin-left: 0; max-width: none; }
  .single-colophon { margin-top: 9rem; }
}