.collection-header{position:relative;overflow:hidden;display:flex;background:rgb(var(--color-background));height:var(--hero-height-mobile, 300px);margin-bottom:1rem}@media only screen and (min-width:769px){.collection-header{height:var(--hero-height-desktop, 500px)}}.collection-header--list{margin-bottom:2.75rem}.collection-header--compact{height:auto;margin-bottom:2.75rem}.collection-header--compact .collection-hero__text-wrapper{padding:2.75rem 0}@media only screen and (min-width:769px){.collection-header--compact .collection-hero__text-wrapper{padding:3rem 0}}.collection-hero{width:100%}.collection-hero__image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.collection-hero__image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.collection-hero__text-wrapper{position:relative;display:flex;width:100%;height:100%;margin:auto;align-items:center;justify-content:center;padding:20px 0;z-index:1}.collection-hero__text{width:100%;text-align:var(--text-alignment-mobile, center)}.collection-hero__text-wrapper{justify-content:var(--text-alignment-mobile, center)}@media only screen and (min-width:769px){.collection-hero__text{text-align:var(--text-alignment, center)}.collection-hero__text-wrapper{justify-content:var(--text-alignment, center)}}.collection-hero__title{--font-heading-size: calc(var(--font-heading-scale) * 3.5rem);color:rgb(var(--color-foreground));width:100%;margin-bottom:0}.collection-hero__description{font-size:calc(1.375rem * var(--font-section-scale, 1));color:rgb(var(--color-foreground));font-weight:400}.alt-sale .collection-hero__title,.alt-sale .collection-hero__description{color:rgb(var(--color-sale))}.collection-hero__description.rte ul{text-align:left;margin:auto;display:inline-block}.collection-hero__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--overlay-color, 0, 0, 0),var(--overlay-opacity, 0));z-index:1}@media only screen and (max-width:1024px){.collection-hero__title{font-size:calc(var(--font-heading-scale) * 3.625rem)}}@media only screen and (max-width:768px){.collection-header{margin-bottom:2.1875rem}.collection-hero__text-wrapper{width:100%;padding:10px 0}.collection-description{margin-bottom:2.1875rem;margin-top:2.1875rem}.collection-hero__description{font-size:1rem}.collection-hero__title{font-size:calc(var(--font-heading-scale) * 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-hero.css.map */