/* Shared final typography for collection and case detail heroes. */
.collection-detail-hero h1 {
  width: 100%;
  max-width: 100%;
  line-height: 1.2;
  letter-spacing: .025em !important;
  text-wrap: balance;
}

@media (min-width: 901px) {
  .collection-detail-hero > div {
    padding-right: clamp(48px, 3.5vw, 64px);
    padding-left: clamp(48px, 3.5vw, 64px);
  }

  .collection-detail-hero h1 {
    font-size: clamp(2.8rem, 3.4vw, 3.5rem);
  }
}

@media (max-width: 900px) {
  .collection-detail-hero h1 {
    font-size: 2.2rem !important;
    line-height: 1.24 !important;
    letter-spacing: .025em !important;
  }
}