.collection-hero{position:relative;display:flex;align-items:center}.collection-hero.collection-hero--with-image{min-height:20rem}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{min-height:31rem}}.collection-hero:after,.collection-hero__image-container:after{content:"";position:absolute;top:0;left:0;background:rgb(var(--color-background));opacity:0;z-index:1;height:100%;width:100%}.collection-hero__inner{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:4rem 0;overflow:hidden}}.collection-hero__text-wrapper{flex-basis:100%;z-index:2}@media screen and (max-width: 749px){.collection-hero__text-wrapper{display:flex;flex-direction:column;justify-content:center}}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}}.collection-hero--with-image{position:relative}.collection-hero__image-container{position:absolute;left:0;top:0;width:100%;height:100%}@media screen and (min-width: 750px){.collection-hero__text-wrapper{max-width:50%}.collection-hero__image-container{align-self:stretch}}.collection-hero__inner--center{justify-content:center;width:100%}.collection-hero__inner--left{justify-content:flex-start}.collection-hero__inner--right{justify-content:flex-end}@media only screen and (max-width: 749px){.collection-hero__text-wrapper--align-mobile-right{text-align:right}.collection-hero__text-wrapper--align-mobile-center{text-align:center}.collection-hero__text-wrapper--align-mobile-left{text-align:left}}@media only screen and (min-width: 750px){.collection-hero__text-wrapper--align-right{text-align:right}.collection-hero__text-wrapper--align-center{text-align:center}.collection-hero__text-wrapper--align-left{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-collection-hero.css.map */