.silo-hero-slider{--silo-hero-fade: 1.2s;position:relative;display:block;height:calc(clamp(540px,100vh - 92px - var(--silo-assurance-bar-height, 0px),760px) + var(--silo-header-overlap, 0px));height:calc(clamp(540px,100svh - 92px - var(--silo-assurance-bar-height, 0px),760px) + var(--silo-header-overlap, 0px));overflow:hidden;background-color:var(--silo-ink)}.silo-hero-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;transition:opacity var(--silo-hero-fade) ease,visibility 0s linear var(--silo-hero-fade)}.silo-hero-slider__slide.is-active{z-index:1;opacity:1;visibility:visible;transition:opacity var(--silo-hero-fade) ease,visibility 0s}.silo-hero-slider__media{position:absolute;top:0;right:0;bottom:0;left:0}.silo-hero-slider__media--desktop{display:none}.silo-hero-slider__half{position:relative;flex:1 1 50%;min-width:0;overflow:hidden}.silo-hero-slider__image{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 0s linear var(--silo-hero-fade)}.is-active .silo-hero-slider__image{transform:scale(1);transition:transform 7s cubic-bezier(.2,.6,.3,1)}.silo-hero-slider__slide--roll-drop .silo-hero-slider__image--left{object-position:30% 50%}.silo-hero-slider__slide--roll-drop .silo-hero-slider__image--right{object-position:62% 40%}.silo-hero-slider__slide--roll-drop .silo-hero-slider__image--mobile{object-position:0% 50%}.silo-hero-slider__slide--crew-drop-one .silo-hero-slider__image--right{object-position:100% 100%}.silo-hero-slider__slide--crew-drop-one .silo-hero-slider__image--mobile{object-position:56% 50%}.silo-hero-slider__slide{background-color:var(--silo-ink)}.silo-hero-slider__media--mobile{bottom:auto;height:66%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}.silo-hero-slider div.silo-hero-slider__scrim{display:block}.silo-hero-slider__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#11121300 45%,#11121399 70%,#111213e0);pointer-events:none}.silo-hero-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:64px;color:var(--silo-white);text-align:center}.silo-hero-slider__content>*{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform 0s linear .4s}.is-active .silo-hero-slider__content>*{opacity:1;transform:none;transition:opacity .8s ease .35s,transform .8s cubic-bezier(.2,.6,.3,1) .35s}.is-active .silo-hero-slider__content>:nth-child(2){transition-delay:.45s}.is-active .silo-hero-slider__content>:nth-child(3){transition-delay:.55s}.silo-hero-slider__text{max-width:340px;margin:0;font-size:15px;font-weight:400;line-height:20px;color:var(--silo-white)}.silo-hero-slider__heading{margin:0;font-size:40px;font-weight:700;line-height:44px;letter-spacing:0;color:var(--silo-white);font-family:var(--font-heading-family);text-transform:uppercase}.silo-hero-slider__buttons{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(100%,280px);padding-top:14px}.silo-hero-slider__button{width:100%}.silo-hero-slider .silo-hero-slider__button--light{color:var(--silo-primary);background-color:var(--silo-white);box-shadow:none}.silo-hero-slider .silo-hero-slider__button--light:active{color:var(--silo-white);background-color:var(--silo-primary)}@media(hover:hover){.silo-hero-slider .silo-hero-slider__button--light:hover{color:var(--silo-white);background-color:var(--silo-primary)}}.silo-hero-slider__dots{position:absolute;bottom:18px;left:50%;z-index:2;display:flex;gap:4px;transform:translate(-50%)}.silo-hero-slider__dot{display:flex;align-items:center;width:44px;height:28px;margin:0;padding:0 4px;border:0;background:none;cursor:pointer}.silo-hero-slider__dot:before,.silo-hero-slider__dot-fill{content:"";display:block;height:2px;border-radius:2px}.silo-hero-slider__dot:before{flex:1 1 auto;background-color:#fff6}.silo-hero-slider__dot-fill{position:absolute;width:0;background-color:var(--silo-white)}.silo-hero-slider__dot{position:relative}.silo-hero-slider__dot.is-active .silo-hero-slider__dot-fill{width:calc(100% - 8px)}.silo-hero-slider.is-playing .silo-hero-slider__dot.is-active .silo-hero-slider__dot-fill{animation:silo-hero-progress var(--silo-hero-speed) linear forwards}.silo-hero-slider.is-paused .silo-hero-slider__dot.is-active .silo-hero-slider__dot-fill{animation-play-state:paused}@keyframes silo-hero-progress{0%{width:0}to{width:calc(100% - 8px)}}.silo-hero-slider__dot:focus-visible{outline:2px solid var(--silo-white);outline-offset:2px}@media screen and (min-width:750px){.silo-hero-slider{height:calc(clamp(520px,100vh - 149px,820px) + var(--silo-header-overlap, 0px));height:calc(clamp(520px,100svh - 149px,820px) + var(--silo-header-overlap, 0px))}.silo-hero-slider__media--desktop{display:flex}.silo-hero-slider__media--mobile{display:none}.silo-hero-slider__scrim{background:radial-gradient(ellipse 46% 50% at 50% 50%,#1112138c,#11121340 60%,#1112131a)}.silo-hero-slider__content{justify-content:center;gap:16px;padding-bottom:0}.silo-hero-slider__text{max-width:none;font-size:18px;line-height:24px}.silo-hero-slider__heading{font-size:52px;line-height:58px}.silo-hero-slider__buttons{display:grid;grid-auto-columns:minmax(184px,1fr);grid-auto-flow:column;gap:16px;width:auto;padding-top:24px}.silo-hero-slider__dots{bottom:24px}}@media screen and (min-width:990px){.silo-hero-slider{height:calc(clamp(520px,100vh - 132px - var(--silo-assurance-bar-height, 0px),820px) + var(--silo-header-overlap, 0px));height:calc(clamp(520px,100svh - 132px - var(--silo-assurance-bar-height, 0px),820px) + var(--silo-header-overlap, 0px))}.silo-hero-slider__heading{font-size:60px;line-height:64px}}@media(prefers-reduced-motion:reduce){.silo-hero-slider{--silo-hero-fade: .3s}.silo-hero-slider__image,.is-active .silo-hero-slider__image,.silo-hero-slider__content>*,.is-active .silo-hero-slider__content>*{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/silo-hero-slider.css.map */