.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description{max-width:66.67%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.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))}@media screen and (max-width: 749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.collection-banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.collection__box{text-align:center}.collection__box.gradient{transform:perspective(0)}@media only screen and (max-width: 749px){.collection--content-align-mobile-right .collection__box{text-align:right}.collection--content-align-mobile-left .collection__box{text-align:left}}@media only screen and (min-width: 750px){.collection--content-align-right .collection__box{text-align:right}.collection--content-align-left .collection__box{text-align:left}.collection--content-align-left.collection--desktop-transparent .collection__box,.collection--content-align-right.collection--desktop-transparent .collection__box,.collection--medium.collection--desktop-transparent .collection__box{max-width:68rem}}.collection__media.animate--zoom-in{clip-path:inset(0px)}.collection__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.collection__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width: 749px){.collection--small.collection--mobile-bottom:not(.collection--adapt) .collection__media,.collection--small:not(.collection--mobile-bottom):not(.collection--adapt)>.collection__media{height:28rem}.collection--medium.collection--mobile-bottom:not(.collection--adapt) .collection__media,.collection--medium:not(.collection--mobile-bottom):not(.collection--adapt)>.collection__media{height:34rem}.collection--large.collection--mobile-bottom:not(.collection--adapt) .collection__media,.collection--large:not(.collection--mobile-bottom):not(.collection--adapt)>.collection__media{height:39rem}.collection--small:not(.collection--mobile-bottom):not(.collection--adapt) .collection__content{min-height:28rem}.collection--medium:not(.collection--mobile-bottom):not(.collection--adapt) .collection__content{min-height:34rem}.collection--large:not(.collection--mobile-bottom):not(.collection--adapt) .collection__content{min-height:39rem}}@media screen and (min-width: 750px){.collection-banner{flex-direction:row}.collection--small:not(.collection--adapt){min-height:42rem}.collection--medium:not(.collection--adapt){min-height:56rem}.collection--large:not(.collection--adapt){min-height:72rem}.collection__content.collection__content--top-left{align-items:flex-start;justify-content:flex-start}.collection__content.collection__content--top-center{align-items:flex-start;justify-content:center}.collection__content.collection__content--top-right{align-items:flex-start;justify-content:flex-end}.collection__content.collection__content--middle-left{align-items:center;justify-content:flex-start}.collection__content.collection__content--middle-center{align-items:center;justify-content:center}.collection__content.collection__content--middle-right{align-items:center;justify-content:flex-end}.collection__content.collection__content--bottom-left{align-items:flex-end;justify-content:flex-start}.collection__content.collection__content--bottom-center{align-items:flex-end;justify-content:center}.collection__content.collection__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width: 749px){.collection-banner{flex-direction:row;flex-wrap:wrap}}.collection__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (min-width: 750px){.collection__media{height:100%}}.collection--adapt,.collection--adapt_image.collection--mobile-bottom .collection__media:not(.placeholder){height:auto}@media screen and (max-width: 749px){.collection--mobile-bottom .collection__media{position:relative}.collection--adapt .collection__content{height:auto}.collection:not(.collection--mobile-bottom):not(.email-signup-collection) .collection__box{background:transparent}.collection:not(.collection--mobile-bottom) .collection__box{border:none;border-radius:0;box-shadow:none}.collection:not(.collection--mobile-bottom) .button--secondary{--alpha-button-background: 0}.collection__content:not(.collection--mobile-bottom):not(.collection--adapt) .collection__content{position:absolute;height:auto}.collection__content.collection--adapt:not(.collection--mobile-bottom) .collection__content{max-height:100%;overflow:hidden;position:absolute}.collection__media:not(.collection--adapt) .collection__media{position:relative}.collection:before{display:none!important}}.collection__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width: 750px){.collection__content{padding:5rem}.collection__content.collection--content-overlap{padding-top:0;padding-bottom:0}.collection__content--top-left{align-items:flex-start;justify-content:flex-start}.collection--content-overlap.collection__content--top-left,.collection--content-overlap.collection__content--top-center,.collection--content-overlap.collection__content--top-right{padding-top:0;margin-top:-9rem}.collection__content--top-center{align-items:flex-start;justify-content:center}.collection__content--top-right{align-items:flex-start;justify-content:flex-end}.collection__content--middle-left{align-items:center;justify-content:flex-start}.collection__content--middle-center{align-items:center;justify-content:center}.collection__content--middle-right{align-items:center;justify-content:flex-end}.collection__content--bottom-left{align-items:flex-end;justify-content:flex-start}.collection__content--bottom-center{align-items:flex-end;justify-content:center}.collection__content--bottom-right{align-items:flex-end;justify-content:flex-end}.collection--content-overlap.collection__content--bottom-left,.collection--content-overlap.collection__content--bottom-center,.collection--content-overlap.collection__content--bottom-right{padding-bottom:0;margin-bottom:-9rem}}@media screen and (max-width: 749px){.collection--mobile-bottom .collection__content{order:2}.collection:not(.collection--mobile-bottom) .field__input,.collection--mobile-bottom .collection__box.color-scheme-1{background:transparent}}.collection__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.collection--mobile-bottom .collection__box{padding:4rem 3.5rem}@media screen and (min-width: 750px){.collection__box{padding:4rem 3.5rem}.collection--desktop-transparent .collection__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.collection--desktop-transparent .button--secondary{--alpha-button-background: 0}.collection--desktop-transparent .content-container:after{display:none}}@media screen and (max-width: 749px){.collection--mobile-bottom:after,.collection--mobile-bottom .collection__media:after{display:none}}.collection__media:after{content:"";position:absolute;top:0;right:0;background:var(--gradient-background);opacity:0;z-index:1;width:100%;height:100%}.collection__box>*+.collection__text{margin-top:1.5rem}@media screen and (min-width: 750px){.collection__box>*+.collection__text{margin-top:2rem}}.collection__box>*+*{margin-top:1rem}.collection__box>*:first-child{margin-top:0}@media screen and (max-width: 749px){.collection__box{width:100%}}@media screen and (min-width: 750px){.collection__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width: 1400px){.collection__box{max-width:90rem}}.collection__heading{margin-bottom:0}.collection__box .collection__heading+*{margin-top:1rem}.collection__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width: 749px){.collection--content-align-mobile-right .collection__buttons--multiple{justify-content:flex-end}.collection--content-align-mobile-center .collection__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width: 750px){.collection--content-align-center .collection__buttons--multiple>*{flex-grow:1;min-width:22rem}.collection--content-align-right .collection__buttons--multiple{justify-content:flex-end}}.collection__box>*+.collection__buttons{margin-top:2rem}@media screen and (max-width: 749px){.collection:not(.slideshow) .rte a,.collection:not(.slideshow) .inline-richtext a:hover,.collection:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width: 750px){.collection--desktop-transparent .rte a,.collection--desktop-transparent .inline-richtext a:hover,.collection--desktop-transparent .rte a:hover{color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-collection-hero.css.map */