/* Songs teaser and /songs/ */
.songs-teaser{background:linear-gradient(135deg,#14213d,#24365f);color:#e6ebf4;padding:clamp(3.2rem,7vw,5.5rem) 0;overflow:hidden}
.songs-teaser-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.songs-covers{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;max-width:440px}
.songs-covers img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 22px 44px rgba(0,0,0,.38)}
.songs-teaser h2{color:#fff;font-size:clamp(2.2rem,4.4vw,3.5rem)}
.songs-teaser p{max-width:36em;color:#d5dce8;font-size:1.05rem}
.songs-teaser .btn{margin-top:1.2rem}

.songs-hero{background:linear-gradient(180deg,#eef0f4 0%,var(--cream) 62%,#fff 100%);padding:clamp(2.8rem,6vw,5rem) 0 clamp(1.5rem,3vw,2.4rem)}
.songs-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.songs-hero h1{font-size:clamp(2.5rem,5.2vw,4.15rem)}
.songs-hero h1 em{color:var(--orange-d);font-style:italic}
.songs-hero-covers{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.songs-hero-covers img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;box-shadow:0 18px 40px rgba(20,33,61,.22)}
.song-platforms{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}

.song-list{display:grid;gap:1.4rem}
.song-card{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:clamp(1.1rem,3vw,2rem);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem;align-items:start}
.song-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.song-kicker{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-d)}
.song-card h3{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .45rem}
.song-card p{margin:0 0 .8rem;color:#3c4250}
.song-actions{display:flex;flex-wrap:wrap;gap:.55rem .85rem;align-items:center}
.song-actions .link{margin-right:.2rem}
.song-play{font:inherit}
.song-metric{margin:.9rem 0 0;font-size:.92rem;color:var(--muted)}
.song-metric strong{color:var(--navy);font-weight:600}
.song-metric a{color:var(--orange-d);font-weight:600}

.song-embed{margin-top:1rem;border-radius:10px;overflow:hidden;background:#111}
.song-embed.is-track{height:152px}
.song-embed.is-album{height:352px}
.song-embed iframe{width:100%;height:100%;border:0;display:block}

.song-snapshot{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem 1.4rem;max-width:720px;margin:1.4rem auto 0}
.song-snapshot dl{display:grid;grid-template-columns:1fr auto;gap:.55rem 1.2rem;margin:.8rem 0 0}
.song-snapshot dt{color:#3c4250}
.song-snapshot dd{margin:0;font-weight:600;color:var(--navy);text-align:right}
.song-snapshot dt.total,.song-snapshot dd.total{border-top:1px solid var(--line);padding-top:.55rem}
.songs-band{background:var(--cream)}
.songs-close{background:linear-gradient(135deg,var(--navy),#22345e);color:#dfe4ee;text-align:center}
.songs-close h2{color:#fff}
.songs-close p{max-width:40em;margin:.4rem auto 1.3rem;color:#d6dbe6}
.song-note{max-width:720px;margin:1rem auto 0;color:var(--muted);font-size:.92rem}
.song-note a{color:var(--orange-d);font-weight:600}

@media (max-width:860px){
  .songs-teaser-grid,.songs-hero-grid,.song-card{grid-template-columns:1fr}
  .songs-teaser-inner,.songs-hero-copy{text-align:center}
  .songs-teaser p,.songs-hero .lead{margin-left:auto;margin-right:auto}
  .songs-covers,.songs-hero-covers{max-width:360px;margin-inline:auto}
  .song-platforms,.song-actions{justify-content:center}
  .songs-covers{order:-1}
  .songs-hero-covers{order:-1}
}
