.collection-hero{position:relative}.collection-hero__inner{position:relative;display:flex;min-height:18rem;overflow:hidden}.collection-hero__text-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:inherit;justify-content:center;gap:1.2rem;width:100%;padding-top:3.6rem;padding-bottom:3.6rem}.collection-hero__text-wrapper--compact>*{max-width:72rem}.collection-hero__text-wrapper--compact[style*="text-align: center"]>*,.collection-hero__inner[style*="text-align: center"] .collection-hero__text-wrapper--compact>*{margin-right:auto;margin-left:auto}.collection-hero__title{margin:0;letter-spacing:var(--font-heading-letter-spacing);line-height:1.12;text-wrap:balance}.collection-hero__subheading,.collection-hero__description,.collection-hero__meta{margin:0}.collection-hero__subheading{color:rgba(var(--color-foreground),.82);font-size:calc(var(--font-body-scale) * 1.55rem);line-height:1.45}.collection-hero__description a{color:inherit;font-weight:var(--font-body-weight-medium)}.collection-hero__back{display:inline-flex;align-items:center;gap:.7rem;width:fit-content;color:rgba(var(--color-foreground),.76);font-size:calc(var(--font-body-scale) * 1.25rem);font-weight:600}.collection-hero__meta{color:rgba(var(--color-foreground),.66);font-size:calc(var(--font-body-scale) * 1.25rem);font-weight:600}.collection-hero__image-wrapper{position:relative;overflow:hidden}.collection-hero__image-container{min-height:24rem;width:100%}.collection-hero__image-container,.collection-hero__image-container img{border-radius:0}.chero-column{flex-direction:column}.chero-column .collection-hero__image-wrapper{width:100%}.chero-overlay,.collection-hero--with-image .collection-hero__inner.chero-overlay{min-height:clamp(24rem,28vw,36rem)}.collection-hero:not(.collection-hero--with-image) .chero-overlay{background:rgb(var(--color-background))}.chero-overlay .collection-hero__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.chero-overlay .collection-hero__image-container{min-height:100%;height:100%}.chero-overlay .collection-hero__image-container img{object-fit:cover}@media screen and (max-width:991px){.collection-hero__inner{min-height:16rem}.collection-hero__text-wrapper{padding-top:2.8rem;padding-bottom:2.8rem}.chero-overlay,.collection-hero--with-image .collection-hero__inner.chero-overlay{min-height:22rem}}@media screen and (max-width:767px){.collection-hero__text-wrapper{gap:1rem;padding-top:2.4rem;padding-bottom:2.4rem}.collection-hero__subheading,.collection-hero__description{font-size:calc(var(--font-body-scale) * 1.35rem)}.chero-overlay,.collection-hero--with-image .collection-hero__inner.chero-overlay{min-height:20rem}}.chero-overlay .collection-hero__text-wrapper{justify-content:flex-end;align-items:center;text-align:inherit;padding-top:clamp(4rem,8vw,9rem);padding-bottom:clamp(3.2rem,5vw,6rem)}.collection-hero--with-image .chero-overlay .collection-hero__text-wrapper{z-index:2}.collection-hero--with-image .chero-overlay .collection-hero__title{color:#fff}.collection-hero--with-image .chero-overlay .collection-hero__subheading,.collection-hero--with-image .chero-overlay .collection-hero__description,.collection-hero--with-image .chero-overlay .collection-hero__meta,.collection-hero--with-image .chero-overlay .collection-hero__back{color:#ffffffe6}.chero-overlay .collection-hero__text-wrapper--compact>*{max-width:58rem}.collection-hero__title{max-width:min(100%,28ch);font-size:calc(var(--font-heading-scale) * 3.2rem);letter-spacing:-.025em;line-height:1.12;text-wrap:balance}@media screen and (max-width:749px){.collection-hero__title{font-size:calc(var(--font-heading-scale) * 2.8rem)}}.collection-hero__subheading,.collection-hero__description{max-width:min(100%,46ch);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:calc(var(--font-body-scale) * 1.55rem);line-height:1.45;letter-spacing:.01em}.collection-hero--with-image .chero-overlay .collection-hero__description{color:#ffffffe6}.collection-hero__image-container img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:767px){.chero-overlay .collection-hero__text-wrapper{padding-top:6rem;padding-bottom:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/component-collection-hero.css.map */
