.collection-hero__title  {
  font-size: var(--text-heading-4);
}

@media screen and (min-width: 750px) {
  .collection-hero__title  {
    font-size: var(--text-heading-3);
  }

  .collection-hero__title + .collection-hero__description {
    margin: var(--spacing-base) 0;
  }
}

@media screen and (min-width: 990px) {
  .collection-hero__title  {
    font-size: var(--text-heading-1);
  }
}