.collection-hero {padding: 40px 0;}
.collection-hero__text-wrapper {max-width: 747px;margin: auto;text-align: center;}
.collection-hero--with-image{--color-foreground: 255, 255, 255;position: relative;display: flex;flex-direction: column;justify-content: center;background-attachment: unset;z-index: 1;min-height: 50vh;}
.collection-hero--with-image::before{content: '';position: absolute;background-color: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.23;z-index: -1;}
.collection-hero__title{margin: 0;}
.collection-hero__title + .collection-hero__description {margin-top: 12px;}
@media screen and (min-width: 750px) {
  .collection-hero {padding: 60px 0;}
}