.merch-page {
  display: grid;
  min-height: clamp(440px, 68vh, 820px);
  align-items: center;
  padding-block: clamp(72px, 10vw, 150px);
}

.merch-page h1 {
  max-width: 11ch;
  margin: 0;
  font-size: clamp(58px, 11vw, 172px);
  font-weight: 400;
  line-height: .86;
  letter-spacing: -.07em;
  text-wrap: balance;
}

@media (max-width: 700px) {
  .merch-page {
    min-height: 62vh;
  }

  .merch-page h1 {
    font-size: clamp(54px, 18vw, 88px);
  }
}