/* Keep the complete release artwork visible at every screen size. */
.hero-feature-image {
  height: auto;
  aspect-ratio: 1 / 1;
}

.hero-feature-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.story-card > img,
.feature-strip-art img,
.lyric-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.story-card h3 {
  line-height: 1.12;
  margin: 16px 0 24px;
}

.story-card h3 .story-card-artist {
  display: block;
  font-size: .58em;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 8px;
}

.story-card h3 strong {
  display: block;
}

.feature-strip {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
}

.feature-strip-art {
  width: min(100%, 440px);
  max-width: none;
}

.feature-strip h2 {
  font-size: clamp(58px, 6vw, 92px);
  line-height: 1.04;
  letter-spacing: -.035em;
  margin-bottom: 30px;
}

.hero-copy,
.hero-feature,
.feature-strip > div,
.artist-grid a,
.artist-grid span {
  min-width: 0;
}

@media (max-width: 850px) {
  .feature-strip {
    grid-template-columns: 1fr;
  }

  .feature-strip-art {
    width: min(100%, 370px);
  }
}

@media (max-width: 580px) {
  .feature-strip h2 {
    font-size: clamp(58px, 13vw, 76px);
  }
}
