.collection-hero.container .collection-hero__wrapper{border-radius:var(--border-radius-main)}.collection-hero .breadcrumb{margin-top:0;margin-bottom:3.2rem}.collection-hero__wrapper{position:relative;overflow:hidden;display:flex}.collection-hero__wrapper .container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end}.collection-hero__wrapper:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;background-color:rgb(var(--color-overlay),var(--opacity-overlay));border-radius:var(--border-radius-main)}.collection-hero__wrapper:after{content:"";display:block;width:0;padding-bottom:calc(100% / (var(--aspect-ratio)))}.collection-hero__inner{position:relative;z-index:2;padding-top:3.2rem;padding-bottom:3.2rem}@media screen and (min-width:1200px){.collection-hero__inner{padding-top:6rem;padding-bottom:6rem}}.collection-hero__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:98rem}.collection-hero__title{margin:0}.collection-hero__title p{color:inherit;margin-block:0}.collection-hero__description{max-width:76.8rem;color:rgb(var(--color-foreground));margin-top:2.4rem}@media only screen and (min-width:1501px){.collection-hero__text-wrapper{max-width:116rem}}.collection-hero__description p{color:rgb(var(--color-foreground))}.collection-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-main)}.collection-hero__image-container{display:flex;background-color:transparent}.collection-hero__image-container:after{content:"";display:block;width:0;padding-bottom:42.8571428571%}.collection-hero[data-header-overlay=true] .collection-hero__inner{padding-top:calc(3.2rem + var(--header-height))}@media screen and (min-width:1200px){.collection-hero[data-header-overlay=true] .collection-hero__inner{padding-top:calc(6rem + var(--header-height))}}.no-collection-hero-banner .collection-hero__wrapper:after{display:none}.no-collection-hero-banner .collection-hero__inner{padding-block:0}@media only screen and (min-width:750px){.no-collection-hero-banner .collection-hero__inner{padding-block:8rem 2rem}}@media only screen and (max-width:749px){.no-collection-hero-banner .breadcrumb{margin-bottom:6rem;padding-block:1.6rem}}.collection-hero-fixed-height:not(.no-collection-hero-banner) .collection-hero__wrapper{min-height:70rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-hero.css.map */