.collection-hero{position:relative}.collection-hero__media{position:relative;display:flex;aspect-ratio:var(--hero-ratio, 2 / 1);min-height:18rem;overflow:hidden}.collection-hero__media picture,.collection-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-hero__media img{display:block;object-fit:cover;object-position:center}.collection-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--hero-overlay, .35) + .15)),rgba(0,0,0,var(--hero-overlay, .35)) 45%,#0000);pointer-events:none}.collection-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding-top:2.4rem;padding-bottom:2.4rem}.collection-hero--with-image .collection-hero__content{--hero-text: 255, 255, 255;color:rgb(var(--hero-text));text-shadow:0 1px 3px rgba(0,0,0,.45)}.collection-hero__content--center{align-items:center;text-align:center}.collection-hero__title{margin:0;font-weight:900;font-size:2.6rem;line-height:1.1;letter-spacing:.02em}.collection-hero--with-image .collection-hero__title{color:rgb(var(--hero-text))}.collection-hero__lead{margin-top:1rem;max-width:60rem;font-weight:500;font-size:1.4rem;line-height:1.6}.collection-hero__content--center .collection-hero__lead{margin-left:auto;margin-right:auto}.collection-hero__lead--rte{max-height:4.8em;overflow:hidden}.collection-hero__lead>p{margin:0}.collection-hero__lead>p+p{margin-top:.6rem}.collection-hero__content--band{justify-content:center;padding-top:2.8rem;padding-bottom:2.8rem}.collection-hero--text-only .collection-hero__title,.collection-hero--text-only .collection-hero__lead{color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.collection-hero__media{aspect-ratio:var(--hero-ratio-desktop, 4 / 1)}.collection-hero__content{padding-top:3.2rem;padding-bottom:3.2rem}.collection-hero__title{font-size:4rem}.collection-hero__lead{margin-top:1.4rem;font-size:1.6rem}.collection-hero__lead--rte{max-height:3.4em}.collection-hero__content--band{padding-top:3.6rem;padding-bottom:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-collection-hero.css.map */
