.hero-banner,.collection-hero{position:relative;width:100%}.hero-banner.hero-banner--with-image:not(.slideshow):after,.collection-hero.collection-hero--with-image:after,.hero-banner.slideshow.hero-banner--with-image .slideshow__slide--with-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,rgba(var(--color-background),0) 0% 20%,rgba(var(--color-background),.65) 50%,rgba(var(--color-background),.92));pointer-events:none}.hero-banner.banner:after,.hero-banner.banner .banner__media:after{background:transparent;opacity:1}.hero-banner.hero-banner--with-image:not(.slideshow):after{opacity:1}.hero-banner.slideshow.hero-banner--with-image .slideshow__slide .banner__media:after,.hero-banner.slideshow.banner:after{display:none}.hero-banner:not(.hero-banner--with-image):not(.collection-hero){aspect-ratio:1000 / 550;min-height:min(48vw,550px);max-height:550px}.collection-hero:not(.collection-hero--with-image){aspect-ratio:1000 / 450;min-height:min(48vw,450px);max-height:450px}.hero-banner.hero-banner--with-image:not(.collection-hero){min-height:550px;max-height:550px;height:550px;overflow:hidden}.collection-hero.collection-hero--with-image{min-height:450px;max-height:450px;height:450px;overflow:hidden}.hero-banner.hero-banner--with-image:not(.collection-hero) .banner__media,.hero-banner.slideshow .slideshow__media{height:100%;max-height:none}.hero-banner.hero-banner--with-image:not(.collection-hero) .banner__media img,.hero-banner.slideshow .slideshow__media img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;line-height:0;z-index:0;max-height:none}.collection-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;line-height:0;height:100%;max-height:none;z-index:0}.hero-banner__media img,.collection-hero.collection-hero--with-image .collection-hero__media img{object-fit:cover;display:block;width:100%;height:100%;max-height:none}.hero-banner__inner,.collection-hero__inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;width:100%;margin:0 auto;pointer-events:none}.hero-banner__text-wrapper,.collection-hero__text-wrapper{max-width:55rem;pointer-events:auto;background:transparent}.hero-banner__title,.collection-hero__title,.hero-banner .banner__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-letter-spacing) + .06em);line-height:calc(1 + .15/max(1,var(--font-heading-scale)));text-transform:uppercase;font-size:calc(var(--font-heading-scale) * 3rem)}.hero-banner__subtitle,.collection-hero__subtitle,.hero-banner .banner__text.subtitle{margin:0;font-family:var(--font-subtitle-family);font-style:italic;font-weight:var(--font-subtitle-weight);font-variation-settings:"wght" var(--font-subtitle-weight);font-size:calc(var(--font-heading-scale) * 1.8rem);letter-spacing:var(--font-subtitle-letter-spacing);line-height:calc(1 + .35/max(1,var(--font-heading-scale)));max-width:38rem;color:rgba(var(--color-foreground),.8)}.hero-banner__rule,.collection-hero__rule{width:5rem;height:.1rem;margin:0;padding:0;border:0;background-color:rgba(var(--color-foreground),.35)}.hero-banner__description,.collection-hero__description,.hero-banner .banner__text.body{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight-extralight);font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .55/max(1,var(--font-body-scale)));letter-spacing:var(--font-body-letter-spacing);color:rgba(var(--color-foreground),.85);max-width:38rem}.hero-banner__description>*:first-child,.collection-hero__description>*:first-child,.hero-banner .banner__text.body>*:first-child{margin-top:0}.hero-banner__description>*:last-child,.collection-hero__description>*:last-child,.hero-banner .banner__text.body>*:last-child{margin-bottom:0}.hero-banner.banner .banner__box{padding:0;max-width:52rem;min-width:0;width:100%;background:transparent;border:none;box-shadow:none}.hero-banner.banner .banner__box>*+*{margin-top:0}.hero-banner__title+.hero-banner__rule,.hero-banner .banner__heading+.hero-banner__rule,.collection-hero__title+.collection-hero__rule,.collection-hero__metatags+.collection-hero__rule{margin-top:2rem}.hero-banner__subtitle+.hero-banner__rule,.hero-banner .banner__text.subtitle+.hero-banner__rule,.collection-hero__subtitle+.collection-hero__rule{margin-top:2rem}.hero-banner__rule+.hero-banner__subtitle,.hero-banner__rule+.hero-banner__description,.hero-banner__rule+.banner__text.subtitle,.hero-banner__rule+.banner__text.body,.collection-hero__rule+.collection-hero__subtitle,.collection-hero__rule+.collection-hero__description{margin-top:2rem}.hero-banner__title+.hero-banner__subtitle,.hero-banner .banner__heading+.banner__text.subtitle,.collection-hero__title+.collection-hero__subtitle,.collection-hero__metatags+.collection-hero__subtitle{margin-top:1.2rem}.hero-banner__title+.hero-banner__description,.hero-banner .banner__heading+.banner__text.body,.hero-banner .banner__heading+.hero-banner__description{margin-top:2rem}.hero-banner.banner .banner__text.subtitle+.banner__text.body,.hero-banner.banner .banner__text.subtitle+.hero-banner__rule{margin-top:0}.hero-banner.banner .banner__box>*+.banner__buttons{margin-top:2rem}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem}@media screen and (max-width:749px){.hero-banner.banner:not(.collection-hero).banner--small:not(.banner--adapt) .banner__media,.hero-banner.banner:not(.collection-hero).banner--medium:not(.banner--adapt) .banner__media,.hero-banner.banner:not(.collection-hero).banner--large:not(.banner--adapt) .banner__media,.hero-banner.banner:not(.collection-hero).banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content,.hero-banner.banner:not(.collection-hero).banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content,.hero-banner.banner:not(.collection-hero).banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content,.hero-banner.slideshow.banner--small:not(.banner--adapt) .slideshow__media,.hero-banner.slideshow.banner--medium:not(.banner--adapt) .slideshow__media,.hero-banner.slideshow.banner--large:not(.banner--adapt) .slideshow__media{min-height:550px;max-height:550px;height:550px}.hero-banner.slideshow.banner--small:not(.banner--adapt),.hero-banner.slideshow.banner--medium:not(.banner--adapt),.hero-banner.slideshow.banner--large:not(.banner--adapt){min-height:550px;max-height:550px;height:550px}}@media screen and (min-width:750px){.hero-banner__title,.collection-hero__title,.hero-banner .banner__heading{font-size:calc(var(--font-heading-scale) * 4.8rem)}.hero-banner__subtitle,.collection-hero__subtitle,.hero-banner .banner__text.subtitle{font-size:calc(var(--font-heading-scale) * 2.8rem)}.hero-banner__description,.collection-hero__description,.hero-banner .banner__text.body{font-size:calc(var(--font-heading-scale) * 1.4rem)}.hero-banner.banner:not(.collection-hero).banner--small:not(.banner--adapt),.hero-banner.banner:not(.collection-hero).banner--medium:not(.banner--adapt),.hero-banner.banner:not(.collection-hero).banner--large:not(.banner--adapt),.hero-banner.slideshow.banner--small:not(.banner--adapt),.hero-banner.slideshow.banner--medium:not(.banner--adapt),.hero-banner.slideshow.banner--large:not(.banner--adapt){min-height:550px;max-height:550px;height:550px}.hero-banner.slideshow .slideshow__slide{min-height:550px;max-height:550px;height:550px}}@media screen and (max-width:749px){.hero-banner.hero-banner--with-image:not(.collection-hero):not(.slideshow){min-height:48rem;max-height:none;height:auto;aspect-ratio:4 / 5;overflow:hidden}.collection-hero.collection-hero--with-image{min-height:48rem;max-height:none;height:auto;aspect-ratio:4 / 5;overflow:hidden}.hero-banner.hero-banner--with-image .banner__content,.hero-banner.hero-banner--with-image .collection-hero__inner,.hero-banner.hero-banner--with-image .hero-banner__inner{align-items:flex-end;justify-content:flex-start;padding-bottom:4rem}.hero-banner.hero-banner--with-image .hero-banner__text-wrapper,.hero-banner.hero-banner--with-image .collection-hero__text-wrapper{max-width:52rem;width:100%}}@media screen and (min-width:750px){.hero-banner.hero-banner--with-image:not(.slideshow):after,.collection-hero.collection-hero--with-image:after,.hero-banner.slideshow.hero-banner--with-image .slideshow__slide--with-image:after{background:linear-gradient(90deg,rgba(var(--color-background),.92),rgba(var(--color-background),.65),rgba(var(--color-background),0) 60%)}.hero-banner.hero-banner--with-image .banner__content,.hero-banner.hero-banner--with-image .collection-hero__inner,.hero-banner.hero-banner--with-image .hero-banner__inner{align-items:center;padding-bottom:0}.hero-banner.hero-banner--with-image .banner__content{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-hero-banner.css.map */