.collection-hero-banner{position:relative;width:100%}.collection-hero-banner-container{max-width:100%;padding:0}.collection-hero-banner-container.page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media screen and (min-width: 990px){.collection-hero-banner-container.page-width{padding:0 5rem}}.collection-hero-banner__inner{display:flex;flex-direction:column;gap:2rem;width:100%}.collection-hero-banner__media{width:100%;position:relative}.collection-hero-banner__image-wrapper{position:relative;width:100%;aspect-ratio:1.8 / 1;overflow:hidden;border-radius:0;box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.collection-hero-banner__image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.collection-hero-banner__image-wrapper.collection-hero-banner__placeholder{background-color:rgba(var(--color-foreground),.04);display:flex;align-items:center;justify-content:center}.collection-hero-banner__placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.collection-hero-banner__content{width:100%;max-width:100%;padding:2rem 1.5rem}.collection-hero-banner__breadcrumbs{margin-bottom:.5rem;margin-left:0;margin-right:0;width:100%}.collection-hero-banner__breadcrumbs .page-width{max-width:100%;padding:0;margin:0}.collection-hero-banner__breadcrumbs .breadcrumbs{margin:0!important}.collection-hero-banner__breadcrumbs .breadcrumbs ol{border-bottom:none;padding:0;margin:0}.collection-hero-banner__title{margin:0 0 1rem;line-height:1.2}.collection-hero-banner__description{margin:0;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale));color:rgb(var(--color-foreground))}.collection-hero-banner__description p:first-child{margin-top:0}.collection-hero-banner__description p:last-child{margin-bottom:0}@media screen and (min-width: 750px){.collection-hero-banner__title{font-size:4rem;margin-bottom:1.5rem}.collection-hero-banner__description{font-size:1.8rem;line-height:calc(1 + .5 / var(--font-body-scale))}}@media screen and (min-width: 990px){.collection-hero-banner__inner{flex-direction:row;align-items:center;gap:4rem}.collection-hero-banner__media{flex:0 0 40%;width:40%}.collection-hero-banner__content{flex:1;max-width:60%;padding:3rem 3rem 3rem 0}.collection-hero-banner__title{font-size:4.8rem}}@media screen and (max-width: 749px){.collection-hero-banner__inner{gap:1.5rem}.collection-hero-banner__media{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3rem)}.collection-hero-banner__title{font-size:2.8rem}.collection-hero-banner__description{font-size:1.4rem}}@media screen and (max-width: 989px){.collection-hero-banner__media--hidden-mobile{display:none}.collection-hero-banner__inner--image-hidden-mobile{align-items:flex-start}.collection-hero-banner__inner--image-hidden-mobile .collection-hero-banner__content{max-width:100%!important;flex:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;text-align:left}}@media screen and (min-width: 750px) and (max-width: 989px){.collection-hero-banner__inner{gap:3rem}.collection-hero-banner__media{flex:0 0 45%;width:45%}.collection-hero-banner__content{flex:1;max-width:55%;padding:3rem 3rem 3rem 0}}@media screen and (min-width: 1440px){.collection-hero-banner__media{flex:0 0 35%;width:35%}.collection-hero-banner__content{max-width:65%;padding:3rem 4rem 3rem 0}.collection-hero-banner__title{font-size:5.6rem}.collection-hero-banner__inner--reversed .collection-hero-banner__content{padding:3rem 0 3rem 4rem}}@media screen and (min-width: 750px){.collection-hero-banner__inner--reversed{flex-direction:row-reverse}.collection-hero-banner__inner--reversed .collection-hero-banner__content{padding:3rem 0 3rem 3rem}}.collection-hero-banner__inner--no-image{align-items:flex-start!important}.collection-hero-banner__inner--no-image .collection-hero-banner__content{text-align:left}@media screen and (min-width: 750px){.collection-hero-banner__inner--no-image .collection-hero-banner__content{max-width:100%!important;padding-left:0!important;padding-right:0!important}}.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description{gap:0}.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description .collection-hero-banner__content{padding-top:.75rem;padding-bottom:.75rem}.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description .collection-hero-banner__breadcrumbs{margin-bottom:.5rem}.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description .collection-hero-banner__title{margin-bottom:0}@media screen and (min-width: 750px){.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description .collection-hero-banner__content{padding-top:1rem;padding-bottom:1rem}}.collection-hero-banner__inner--no-image.collection-hero-banner__inner--no-description{margin-top:0;margin-bottom:0}.collection-hero-banner--minimal{padding-top:1rem!important;padding-bottom:1rem!important}@media screen and (min-width: 750px){.collection-hero-banner--minimal{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}.collection-hero-banner-container.page-width .collection-hero-banner__content{padding-left:0}@media screen and (min-width: 750px){.collection-hero-banner-container.page-width .collection-hero-banner__content{padding-left:0}.collection-hero-banner-container.page-width .collection-hero-banner__inner--reversed .collection-hero-banner__content{padding-right:0;padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-hero-banner.css.map */