img{max-width:100%;display:block}
.logo-intro{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:clamp(40px,7vw,88px);align-items:center}
.logo-mark{width: 150px;aspect-ratio:1;display:grid;float: left;place-items:center;margin: 10px 24px 24px 0;letter-spacing:.1em}
.logo-copy p{text-indent: 1em;}
.logo-copy .right-description{margin-top:24px;text-align:right;color:var(--color-muted);}
.lyrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:24px 0 64px 0}
.lyric-card{padding:24px 36px 48px 36px;background:var(--color-sub-bg);}
.lyric-card h4{margin:0 0 20px;padding: 0;;color:var(--color-primary);font-size:1.1rem;letter-spacing:.12em}
.lyric-card p{margin:0;font-size:.95rem}
.subheading{margin:0 0 24px;color:var(--color-primary);font-size:1.15rem;letter-spacing:.08em}
.song-images-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:72px}
.song-image-card{margin:0;overflow:hidden;}
.song-image{aspect-ratio:4/3;display:grid;place-items:center;}
.song-image img {width: 100%;height: 100%;object-fit: contain;}
.song-image-card figcaption{padding:12px 18px;color:var(--color-muted);text-align:center}
.comment p{text-indent: 1em;}
.comment .right-description{margin-top:24px;text-align:right;color:var(--color-muted);}

@media (max-width: 840px) {
  .song-images-grid{grid-template-columns:1fr;gap:20px}
  .song-image{aspect-ratio: unset;}
}

@media(max-width:640px){
  .logo-intro{grid-template-columns:1fr;gap:32px}
  .logo-mark{float: none;margin: 0 auto;}
  .lyrics{grid-template-columns:1fr;gap:20px}
  }