.collection-hero{position:relative}.collection-hero__inner{display:flex;flex-direction:column;height:100%;gap:2.4rem}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{overflow:hidden}}.collection-hero__text-wrapper{flex-basis:100%;display:flex;flex-direction:column;align-items:var(--content-alignment);justify-content:var(--content-position);padding-top:1.2rem;z-index:2;gap:.4rem}@media screen and (max-width: 749px){.collection-hero__text-wrapper{padding-top:2.4rem;justify-content:flex-start}}@media screen and (min-width: 750px){.collection-hero__inner{align-items:var(--content-position);flex-direction:row}}.collection-hero__title{width:100%;text-align:var(--heading-alignment-mobile)}.collection-hero__description{text-align:var(--description-alignment-mobile)}.collection-hero__title+.collection-hero__description{font-size:var(--text-font-size-medium);line-height:var(--text-line-height);letter-spacing:var(--text-letter-spacing)}.collection-hero__description.constrain,.collection-hero__title.constrain{max-width:100%;width:100%}@media screen and (min-width: 750px){.collection-hero__title{text-align:var(--heading-alignment);margin-bottom:0}.collection-hero__description{text-align:var(--description-alignment)}.collection-hero__title+.collection-hero__description{margin-top:1.6rem;margin-bottom:2rem}.collection-hero--with-image .collection-hero__description,.collection-hero--with-image .collection-hero__description.constrain,.collection-hero--with-image .collection-hero__title.constrain{max-width:100%;width:100%}.collection-hero__description.constrain,.collection-hero__title.constrain,.image-full .collection-hero__description.constrain,.image-full .collection-hero__title.constrain{max-width:50%;width:50%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{z-index:1}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.collection-hero__image-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;margin:0;z-index:0}.overlay:after{content:"";background-color:var(--image-overlay);position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:0;opacity:var(--image-overlay-opacity)}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:50%}.page-width .collection-hero--with-image .collection-hero__text-wrapper{padding-left:0;padding-right:0}.collection-hero--with-image.image-full .collection-hero__text-wrapper{flex-basis:100%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%}}.collection-hero__text-wrapper>*:first-child{margin-top:0;margin-bottom:0}.collection-hero__text-wrapper>*:last-child{margin-bottom:0}.collection-hero--with-image.image-full.image-height--adapt{aspect-ratio:var(--collection-image-ratio);height:100%}.collection-hero--with-image.image-full.image-height--small{height:28rem;min-height:28rem}.collection-hero--with-image.image-full.image-height--medium{height:34rem;min-height:34rem}.collection-hero--with-image.image-full.image-height--large{height:39rem;min-height:39rem}@media screen and (min-width: 750px){.collection-hero--with-image.image-full.image-height--small{height:36rem;min-height:36rem}.collection-hero--with-image.image-full.image-height--medium{height:56rem;min-height:56rem}.collection-hero--with-image.image-full.image-height--large{height:72rem;min-height:72rem}}.collection-hero--with-image:not(.image-full).image-height--adapt .collection-hero__image-container,.collection-hero--with-image:not(.image-full).image-height--content .collection-hero__image-container{height:100%;aspect-ratio:var(--collection-image-ratio)}.collection-hero--with-image:not(.image-full).image-height--small .collection-hero__image-container{height:12rem;min-height:12rem}.collection-hero--with-image:not(.image-full).image-height--medium .collection-hero__image-container{height:20rem;min-height:20rem}.collection-hero--with-image:not(.image-full).image-height--large .collection-hero__image-container{height:28rem;min-height:28rem}@media screen and (min-width: 750px){.collection-hero--with-image:not(.image-full).image-height--content .collection-hero__image-container{height:unset;aspect-ratio:unset}.collection-hero--with-image:not(.image-full).image-height--small .collection-hero__image-container{height:16rem;min-height:16rem}.collection-hero--with-image:not(.image-full).image-height--medium .collection-hero__image-container{height:24rem;min-height:24rem}.collection-hero--with-image:not(.image-full).image-height--large .collection-hero__image-container{height:40rem;min-height:40rem}}@media screen and (min-width: 750px){.collection-hero__text-wrapper--padding{padding-left:0;padding-right:0}}@media screen and (min-width: 990px){.collection-hero__text-wrapper--padding{padding-left:5rem}.collection-hero__text-wrapper{padding-top:0}}.block-banner__media{display:block;position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;object-fit:cover;z-index:-2}.block-banner__media>*{display:block;height:100%;width:100%;object-fit:cover}@media screen and (max-width: 749px){.block-banner__media--desktop{display:none}}@media screen and (min-width: 750px){.block-banner__media--mobile{display:none}}.collection-hero--with-selected-image.image-full.image-height--adapt{aspect-ratio:var(--image-ratio);height:100%}.collection-hero--with-selected-image.image-full.image-height--small{height:28rem;min-height:28rem}.collection-hero--with-selected-image.image-full.image-height--medium{height:34rem;min-height:34rem}.collection-hero--with-selected-image.image-full.image-height--large{height:39rem;min-height:39rem}@media screen and (max-width: 749px){.collection-hero--with-selected-image.image-full.image-height--adapt{aspect-ratio:var(--image-ratio--mobile)}}.collection-hero__image--desktop{display:none}.collection-hero__image--mobile{object-fit:contain}@media screen and (min-width: 750px){.collection-hero__image--desktop{display:block}.collection-hero__image--mobile{display:none!important}}.collection-hero__inner:not(:has(.collection-hero__image-full)){padding-top:2.4rem;padding-bottom:1.2rem}.collection-hero__inner:not(:has(.collection-hero__image-full)) .collection-hero__text-wrapper{padding-left:0}
/*# sourceMappingURL=/cdn/shop/t/365/assets/component-collection-hero.css.map */