.hero-wrapper{position:relative;width:100%;overflow:hidden}.hero{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.hero--full-viewport{min-height:calc(100vh - var(--header-height) - var(--announcement-bar-height, 0px));min-height:calc(100dvh - var(--header-height) - var(--announcement-bar-height, 0px))}.hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero__video,.hero__image{position:absolute;top:0;left:0;width:100%;height:100%}.hero__media-video,.hero__media-image{width:100%;height:100%;object-fit:cover}.hero__image--mobile{display:block}.hero__image--desktop{display:none}@media screen and (min-width: 750px){.hero__image--mobile{display:none}.hero__image--desktop{display:block}}.hero__gradient-overlay{display:block!important;position:absolute;left:0;width:100%;z-index:0;pointer-events:none}.hero__gradient-overlay--bottom{bottom:0;height:80%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.hero__gradient-overlay--top{top:0;height:80%;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%)}.hero__gradient-overlay--full{top:0;height:100%;background:#0000004d}.hero__gradient-overlay--radial{top:0;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.6) 100%)}.hero__content{position:relative;z-index:0;width:100%;padding:2rem 0}.hero__content.indicators{margin-bottom:28px}.hero__content-wrapper{margin:0 auto;display:flex;flex-direction:column;gap:16px}.hero--content-top-left{align-items:flex-start;justify-content:flex-start}.hero--content-top-left .hero__content-wrapper{margin:0;text-align:left}.hero--content-top-left .hero__content-wrapper .hero__text{margin:0}.hero--content-top-center{align-items:flex-start;justify-content:center}.hero--content-top-center .hero__content-wrapper{margin:0 auto;text-align:center}.hero--content-top-right{align-items:flex-start;justify-content:flex-end}.hero--content-top-right .hero__content{display:flex;justify-content:end}.hero--content-top-right .hero__content-wrapper,.hero--content-top-right .hero__content-wrapper .hero__text{margin:0}.hero--content-middle-left{align-items:center;justify-content:flex-start}.hero--content-middle-left .hero__content-wrapper{margin:0;text-align:left}.hero--content-middle-left .hero__content-wrapper .hero__text{margin:0}.hero--content-middle-center{align-items:center;justify-content:center}.hero--content-middle-center .hero__content-wrapper{margin:0 auto;text-align:center}.hero--content-middle-right{align-items:center;justify-content:flex-end}.hero--content-middle-right .hero__content{display:flex;justify-content:end}.hero--content-middle-right .hero__content-wrapper .hero__text{margin:0!important}.hero--content-middle-right .hero__content-wrapper{margin:0}.hero--content-bottom-left{align-items:flex-end;justify-content:flex-start}.hero--content-bottom-left .hero__content-wrapper{margin:0;text-align:left}.hero--content-bottom-left .hero__content-wrapper .hero__text{margin:0}.hero--content-bottom-center{align-items:flex-end;justify-content:center}.hero--content-bottom-center .hero__content-wrapper{margin:0 auto;text-align:center}.hero--content-bottom-right{align-items:flex-end;justify-content:flex-end}.hero--content-bottom-right .hero__content{display:flex;justify-content:end}.hero--content-bottom-right .hero__text{margin:0!important}.hero--content-bottom-right .hero__content-wrapper{margin:0}.hero__content--text-white,.hero__content--text-white .hero__heading,.hero__content--text-white .hero__text{color:#fff}.hero__content--text-black,.hero__content--text-black .hero__heading,.hero__content--text-black .hero__text{color:#000}.hero__heading{margin:0;text-transform:uppercase}.hero__heading p{margin:0;padding:0}.hero__cta{margin:0}.hero__cta.white .btn--tertiary,.hero__cta.white .btn--secondary{color:var(--ds-color-white-100)}.hero__cta.white .btn--secondary{border-color:var(--ds-color-white-100)}.hero__cta.black .btn--tertiary,.hero__cta.black .btn--secondary{color:var(--ds-color-black-100)}.hero__cta.black .btn--secondary{border-color:var(--ds-color-black-100)}.hero__cta .btn{font-size:var(--ds-font-size-body-tiny);font-weight:var(--ds-font-weight-regular)}@media screen and (min-width: 750px){.hero__cta .btn{font-size:var(--ds-font-size-body-small)}}.hero-carousel-wrapper{position:relative}.hero-slide{opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%}.hero-slide--active{opacity:1;transform:translate(0);visibility:visible;position:relative}.hero-carousel__controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:1;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none}.hero-carousel__arrow{pointer-events:all;background:#fffc;border:none;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease}.hero-carousel__arrow:hover{background:#fff}.hero-carousel__arrow svg{width:24px;height:24px;color:#000}@media screen and (max-width: 749px){.hero__text{font-size:var(--ds-font-size-body-medium);line-height:var(--ds-line-height-body-medium)}}.hero-carousel__indicators{display:flex;gap:.6rem;justify-content:center;position:absolute;bottom:32px;width:100%;left:0;right:0}.hero-carousel__indicator{width:37px;height:4px;background:var(--ds-color-grey-300);border:none;cursor:pointer;padding:0;transition:background .3s ease,transform .3s ease}.hero-carousel__indicator:hover,.hero-carousel__indicator--active{background:var(--ds-color-primary-dark)}.hero__image--placeholder{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%}.hero__image--placeholder img{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 750px){.hero__content-wrapper{padding:0}.hero__text{font-size:var(--ds-font-size-body-large);margin:0 0 2rem;line-height:var(--ds-line-height-body-medium)}}@media screen and (min-width: 990px){.hero__content{padding:3.2rem}.hero__content-wrapper{max-width:102.9rem}.hero__content-wrapper .hero__text{max-width:56.4rem;margin:auto}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/hero.css.map */