.collection-banner{margin-bottom:3rem}.collection-banner .collection-hero--with-image{background-color:rgba(var(--color-foreground),.04)}.collection-banner-height--adapt{position:relative;height:100%;padding-bottom:var(--ratio-percent)}.collection-banner-height--square{padding-bottom:50%}.collection-banner-height--portrait{padding-bottom:114.2%}.collection-banner-height--landscape{padding-bottom:66.6%}.collection-banner .collection-hero .collection-hero__inner{display:flex;position:relative;flex-direction:column}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper{padding:5rem 7rem;width:100%;height:100%;display:flex}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper.remove-outer-spacing{padding-top:0;padding-bottom:0}.collection-banner .collection-hero .collection-hero__inner .banner-image.overlay-wrapper{content:"";position:absolute}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .collection-hero__title{margin:0;text-transform:uppercase;--color-text: #fff;color:var(--color-text)}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .collection-hero__description{margin:1.5rem auto 0;line-height:1.4;--color-text: #fff;color:var(--color-text)}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .breadcrumb,.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .breadcrumb a{line-height:1.5;--color-text: #fff;color:var(--color-text)}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .breadcrumb.center{justify-content:center}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .breadcrumb.right{justify-content:flex-end}.collection-grid-section.spaced-section{margin-top:0}@media screen and (max-width: 750px){.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper{padding:2rem}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .mobile-center{justify-content:center}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .mobile-right{justify-content:flex-end}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .collection-hero__description{margin:.5rem auto 0;line-height:1.2}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .collection-hero__title{margin:.5rem 0 0;line-height:1.2}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text .breadcrumb{line-height:1.2}}@media screen and (min-width: 750px){.collection-banner .collection-hero{margin-bottom:3rem}.collection-banner .collection-hero .collection-hero__inner{padding-bottom:0;margin-bottom:0}.collection-hero--with-image .collection-hero__inner{margin-bottom:0}.collection-banner .collection-hero .collection-hero__inner .collection-hero__text-wrapper .collection-hero-overlay-text{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/component-collection-hero.css.map */