.collection-hero {
  padding: var(--space-20) var(--space-10);
  background-color: rgb(var(--color-greige));
}
.collection-hero .collection-hero__title {
  font-size: var(--text-size-6xl);
  font-weight: var(--font-weight-medium);
  text-align: center;
  margin: 0 0 var(--space-10) 0;
}
.collection-hero .collection-hero__description {
  text-align: center;
}

@media(min-width: 750px) {
  .collection-hero .collection-hero__description * {
    font-size: var(--text-size-m);
    line-height: var(--leading-looser);
    max-width: 78rem;
    margin: 0 auto;
  }
}