.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width: 750px){.collection-hero{padding:calc(5rem + var(--page-width-margin)) 50px 0;overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%;max-width:457px}@media screen and (min-width: 750px){.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:50%}.collection-hero__inner{display:flex;gap:64px}.collection-hero__image-container{align-self:stretch;flex:1 0 calc(58% + 8px);min-height:426px}}.collection-hero__title{margin:0 0 4px;font-weight:700;font-style:normal;font-size:47.78px;line-height:100%;letter-spacing:0;text-transform:uppercase;text-align:center;text-wrap-style:balance}.collection-hero__image-container.media.gradient{background:#fff}.collection-hero__title span.highlight{color:#5eb067}.collection-hero__title span.rest,span.highlight{margin-bottom:10px;display:inline-block}.collection-hero__description{font-weight:400;font-style:normal;font-size:18px;line-height:25px;letter-spacing:0;text-transform:none;font-family:var(--font-body-family);text-align:center;text-wrap-style:pretty;color:#28282a}.collection-hero__inner{padding:70px;display:flex;justify-content:center;align-items:center}.collection-hero__image-container.media.gradient img{object-position:top center}@media screen and (max-width: 750px){.collection-hero__inner{padding:30px;display:flex;flex-direction:column-reverse;gap:20px}.collection-hero__title{font-size:28px}.collection-hero.page-width{padding:20px 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-hero.css.map */