.hero-slider-container{position:relative;overflow:hidden;height:72vh;min-height:600px}.hero-slider{position:relative;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(100%);transition:transform 1s cubic-bezier(.25,.46,.45,.94),opacity .35s ease;z-index:0;overflow:hidden;backface-visibility:hidden;will-change:transform,opacity}.hero-slide.active,.hero-slide.slide-out,.hero-slide.pre-active,.hero-slide.fade-out{visibility:visible}.hero-slide.active{opacity:1;pointer-events:auto;transform:translate(0);z-index:2}.hero-slide.slide-out{opacity:1;pointer-events:none;transform:translate(-100%);z-index:1}.animation--fade .hero-slide{transform:none!important;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.22,1,.36,1);z-index:0}.animation--fade .hero-slide.pre-active{opacity:0;visibility:visible;z-index:1}.animation--fade .hero-slide.active{opacity:1;visibility:visible;transform:none!important;z-index:2}.animation--fade .hero-slide.fade-out{opacity:0;visibility:visible;transform:none!important;z-index:3;pointer-events:none}.slide-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.slide-background img{width:100%;height:100%;object-fit:cover;object-position:center;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.slide-background--video{overflow:hidden}.slide-bg-video{width:100%;height:100%;object-fit:cover;object-position:center top;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.slide-bg-video--desktop{display:block}.slide-bg-video--mobile{display:none}.home-hero{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-content{position:relative;z-index:4;width:40%;max-width:600px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding-left:2rem;padding-top:2rem;padding-bottom:2rem}.hero-content--left{align-items:flex-start;text-align:left}.hero-subheading{font-size:clamp(3rem,4.5vw,6rem);color:#fff;line-height:1.2;margin:0;font-weight:var(--weight-heavy);text-transform:uppercase}.hero-content .button{font-size:1.8rem;padding:1rem 2.5rem;min-width:220px}.hero-content .button--white{background-color:#fff;color:#000}.hero-content .button--white:hover{background-color:#f39;color:#fff}.hero-slider-nav{display:flex;gap:12px;align-items:center}.hero-slider-nav--desktop{position:absolute;bottom:60px;left:4vw;z-index:5;gap:14px}.hero-slider-nav--mobile{display:none}.nav-dot{--pill-width: 3.2rem;--pill-height: .3rem;position:relative;width:var(--pill-width);height:var(--pill-height);border-radius:999px;background:#ffffff24;cursor:pointer;border:none;outline:none;padding:0;flex-shrink:0;overflow:hidden;transition:background .2s ease,opacity .2s ease}.nav-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;border-radius:inherit;transform:scaleX(0);transform-origin:left center}.nav-dot:hover{background:#fff6}.nav-dot.active{background:#ffffff38}.nav-dot.active:after{animation:hero-nav-fill var(--hero-slide-duration) cubic-bezier(.4,0,.2,1) forwards}@keyframes hero-nav-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:990px){.home-hero.page-width{max-width:none;padding-left:0;padding-right:0}.hero-content{padding-left:4vw}}@media(max-width:990px){.hero-slider-nav--desktop{bottom:80px;left:30px}}@media(max-width:749px){.hero-slider-container{height:auto;min-height:0;max-height:none}.hero-slider{height:auto}.hero-slide{display:flex;flex-direction:column;transform:none;transition:opacity .4s ease;height:auto}.hero-slide.active{position:relative;top:auto;left:auto;width:100%;opacity:1;transform:none;z-index:2}.hero-slide.slide-out,.hero-slide.fade-out{position:absolute;top:0;left:0;width:100%;opacity:0;transform:none;z-index:3;pointer-events:none}.hero-slide.pre-active{position:absolute;top:0;left:0;width:100%;opacity:0;transform:none;z-index:1}.animation--slide .hero-slide{transform:translate(100%);transition:transform 1s cubic-bezier(.25,.46,.45,.94),opacity .35s ease}.animation--slide .hero-slide.active{transform:translate(0)}.animation--slide .hero-slide.slide-out{transform:translate(-100%);opacity:1}.slide-background{position:relative;width:100%;height:100%;aspect-ratio:25 / 28;min-height:0;flex-shrink:0;z-index:1}.slide-background img{height:auto;object-fit:fill}.slide-bg-video--mobile{display:block}.slide-bg-video--desktop.has-mobile-alt{display:none}.home-hero{position:relative;z-index:2;height:auto;flex:none;display:flex;flex-direction:column;align-items:stretch}.home-hero.page-width{max-width:none;padding:0;margin:0;width:100%}.hero-content,.hero-content--left{position:relative;bottom:auto;left:auto;width:100%;max-width:none;flex:none;align-items:center;text-align:center;padding:5rem 1.5rem 2rem;gap:2rem;background-color:var(--mobile-content-bg, #1a1a1a);min-height:220px}.hero-slider-nav--desktop{display:none}.hero-slider-nav--mobile{display:flex;justify-content:center;position:absolute;left:0;width:100%;z-index:10;padding:1.75rem 0;pointer-events:none;gap:.8rem}.hero-slider-nav--mobile .nav-dot{--pill-width: 2.6rem;--pill-height: .3rem;pointer-events:auto}.hero-subheading{font-size:2.2rem}.hero-content .button{font-size:1.5rem;min-width:180px}.hero-content .button:hover{background-color:#fff;color:#000}.hero-secondary-text p{margin-top:-10px;font-size:16px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:opacity .5s ease;transform:none}.hero-slide.active{transform:none}.animation--fade .hero-slide{transition:opacity .3s ease}.nav-dot{transition:none}.nav-dot:hover{transform:none}.nav-dot:after{animation:none!important;transform:scaleX(1)}.nav-dot:not(.active):after{transform:scaleX(0)}}.hero-secondary-text{font-family:"DIN 2014",DIN2014,sans-serif;font-weight:400;font-size:clamp(1.6rem,1.4vw,2.2rem);letter-spacing:.05em;line-height:1.2}.hero-secondary-text p{margin-bottom:0;margin-top:-15px;letter-spacing:0}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-hero-slider.css.map */