.collection-hero {
  padding: 2.3rem 0 2rem;
}

@media screen and (min-width: 990px) {
  .collection-hero {
    padding: 6rem 0 4.8rem;
  }
}

.collection-hero__entry {
  max-width: 65rem;
}

.collection-hero__title {
  margin: 0;
}

@media screen and (max-width: 989px) {
  .collection-hero__title {
    font-size: calc(var(--font-heading-scale) * 2.8rem);
  }
}

.collection-hero__subtitle {
  color: rgba(var(--color-black-rgb), 0.4);
}