body { font-family: "aktiv-grotesk", "Helvetica Neue", Arial, sans-serif; }
h1 {
  font-size: clamp(64px, 7.7vw, 104px);
  font-family: "aktiv-grotesk", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  letter-spacing: .56em;
  line-height: 1;
  text-indent: .56em;
}
.release-copy h2 {
  font-size: clamp(60px, 6.42vw, 87px);
  font-family: "aktiv-grotesk", "Helvetica Neue", Arial, sans-serif;
  font-weight: 200;
  letter-spacing: .56em;
  line-height: 1;
  text-indent: .56em;
}
.hero-copy p, .release-copy p {
  font-size: clamp(18px, 2.28vw, 31px);
  font-weight: 200;
  letter-spacing: .56em;
  line-height: 1.04;
  text-indent: .56em;
}
.band-description {
  width: min(660px, 100%);
  margin: 0 auto 28px;
  color: #aaa;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.65;
  text-align: center;
}
footer { align-content: center; }
@media (max-width: 700px) {
  h1, .release-copy h2 { font-size: clamp(44px, 13vw, 68px); letter-spacing: .28em; text-indent: .28em; }
  .hero-copy p, .release-copy p { font-size: 15px; letter-spacing: .4em; text-indent: .4em; }
  .band-description { font-size: 14px; padding: 0 8px; }
}