.hero-video{position:relative;isolation:isolate;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:520px;height:calc(94vh - var(--snkl-chrome-h, 120px));height:calc(94svh - var(--snkl-chrome-h, 120px));margin-bottom:clamp(24px,4svh,44px)}.hero-video .hero-slider{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-video .hero-slider__track{display:flex;height:100%;will-change:transform;transition:transform .55s cubic-bezier(.22,.9,.28,1)}.hero-video .hero-slider__slide{position:relative;flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-video .hero-slider__dashes{position:absolute;left:50%;transform:translate(-50%);bottom:26px;z-index:3;display:flex;align-items:center;gap:10px}.hero-video .hero-slider__dash{-webkit-appearance:none;appearance:none;border:0;background:none;padding:12px 0;margin:0;cursor:pointer;width:26px;line-height:0;transition:width .35s cubic-bezier(.22,.9,.28,1)}.hero-video .hero-slider__dash:before{content:"";display:block;height:2px;width:100%;background:#fff;opacity:.45;transition:opacity .35s ease}.hero-video .hero-slider__dash.is-active{width:40px}.hero-video .hero-slider__dash.is-active:before{opacity:1}.hero-video .hero-slider__dash:focus-visible:before{opacity:1;box-shadow:0 0 0 2px var(--sneakly-mint, #aefce5)}@media(prefers-reduced-motion:reduce){.hero-video .hero-slider__track,.hero-video .hero-slider__dash{transition:none}}.hero-video .hero-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.6s ease}.hero-video .hero-video__zoom{position:absolute;top:0;right:0;bottom:0;left:0}.hero-video .hero-video__media.is-ready{opacity:1;transform:scale(1)}.hero-video .hero-video__media.is-parallax{transition:opacity .9s ease;will-change:transform}.hero-video .hero-video__poster,.hero-video .hero-video__thumb{opacity:1;transition:none;transform:scale(1.08)}.hero-video .hero-video__thumb{display:block}@media(prefers-reduced-motion:no-preference){.hero-video .hero-video__zoom{animation:snklHeroMediaIn .9s cubic-bezier(.25,.6,.5,.95) both}.hero-video .hero-slider__slide:first-child .hero-video__content>*,.hero-video .hero-video__content--main>*{animation:snklHeroTextIn .62s cubic-bezier(.25,.6,.5,.95) both;animation-delay:.28s}.hero-video .hero-slider__slide:first-child .hero-video__content>:nth-child(1),.hero-video .hero-video__content--main>:nth-child(1){animation-delay:.13s;animation-duration:.77s}.hero-video .hero-slider__slide:first-child .hero-video__content>:nth-child(2),.hero-video .hero-video__content--main>:nth-child(2){animation-delay:.18s;animation-duration:.72s}.hero-video .hero-slider__slide:first-child .hero-video__content>:nth-child(3),.hero-video .hero-video__content--main>:nth-child(3){animation-delay:.23s;animation-duration:.67s}.hero-video .hero-slider__slide:first-child .hero-video__content>:nth-child(4),.hero-video .hero-video__content--main>:nth-child(4){animation-delay:.26s;animation-duration:.64s}.hero-video .hero-slider__slide:not(:first-child):not([aria-hidden]) .hero-video__content>*{animation:snklHeroTextIn .52s cubic-bezier(.19,1,.22,1) both}.hero-video .hero-slider__slide:not(:first-child):not([aria-hidden]) .hero-video__content>:nth-child(1){animation-delay:0s}.hero-video .hero-slider__slide:not(:first-child):not([aria-hidden]) .hero-video__content>:nth-child(2){animation-delay:.05s}.hero-video .hero-slider__slide:not(:first-child):not([aria-hidden]) .hero-video__content>:nth-child(3){animation-delay:.1s}.hero-video .hero-slider__slide:not(:first-child):not([aria-hidden]) .hero-video__content>:nth-child(4){animation-delay:.15s}.hero-video:not(.is-painted) .hero-video__zoom,.hero-video:not(.is-painted) .hero-slider__slide:first-child .hero-video__content>*,.hero-video:not(.is-painted) .hero-video__content--main>*{animation-play-state:paused}}@keyframes snklHeroMediaIn{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes snklHeroTextIn{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}.hero-video .hero-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.hero-video .hero-video__content{position:relative;z-index:1;width:100%;max-width:120rem;height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:calc(var(--header-height, 80px) + clamp(12px,2svh,28px)) 2rem 7svh;text-align:center}.hero-video .hero-video__heading{margin-top:0;text-align:center}@media screen and (max-width:749px){.hero-video .hero-video__content{padding:clamp(16px,3svh,40px) 1.5rem 7svh}}.hero-video .hero-video__heading{margin:auto 0 1rem;text-shadow:0 .2rem 1.6rem rgba(0,0,0,.45);max-width:12ch;font-family:"Big Shoulders Display",var(--font-heading-family);font-weight:900;font-stretch:normal;font-size:clamp(64px,min(10.5vw,18.5svh),210px);line-height:.92;letter-spacing:-.005em;overflow-wrap:break-word;transform:skew(11deg) scaleY(1.22)}.hero-video .hero-video__heading--long{font-size:clamp(64px,min(9vw,11svh),170px);max-width:17ch}.hero-video .hero-video__heading--live{font-size:clamp(50px,13vw,180px);overflow-wrap:normal;word-break:keep-all;max-width:none}@media screen and (min-width:990px){.hero-video .hero-video__heading--live{font-size:clamp(50px,11vw,150px)}}.hero-video .hero-video__heading--live{margin-top:auto;margin-bottom:auto}.hero-video .hero-slider__slide:not(:first-child) .hero-video__heading{font-size:clamp(46px,9.5vw,140px);max-width:14ch;margin-bottom:3rem}.hero-video .hero-slider__slide:not(:first-child) .hero-video__heading--long{font-size:clamp(64px,min(9vw,11svh),170px);max-width:17ch}.hero-video .hero-slider__slide:not(:first-child) .hero-drop__cta{margin-bottom:auto}.hero-video .hero-video__content--main:has(.hero-video__buttons) .hero-video__heading{margin-bottom:.3em}.hero-video .hero-video__content--main:has(.hero-video__buttons) .hero-video__buttons{margin-bottom:auto}.hero-video .hero-video__text{margin:0 0 2.5rem;font-size:1.6rem;line-height:1.5;text-shadow:0 .1rem 1rem rgba(0,0,0,.45)}.hero-video .hero-video__buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-video .hero-drop__eyebrow{display:block;font-family:var(--sneakly-mono);text-transform:uppercase;letter-spacing:.15em;font-size:1.1rem;color:var(--sneakly-mint);margin:0 0 1.2rem;text-shadow:0 .1rem .8rem rgba(0,0,0,.5)}.hero-video .hero-drop__timer[hidden]{display:none}.hero-video .hero-drop__timer{display:grid;grid-template-columns:repeat(4,1fr);width:min(86%,44rem);max-width:100%;box-sizing:border-box;margin:auto auto 0;border:.1rem solid #000;background:#fff}.hero-video .hero-drop__cell{position:relative;aspect-ratio:1 / 1;display:flex;align-items:flex-end;padding:0 0 .5rem .7rem;border:0;background:none;min-width:0}.hero-video .hero-drop__cell+.hero-drop__cell{border-left:.1rem solid #000}.hero-video .hero-drop__num{font-family:var(--sneakly-mono);font-weight:400;font-size:clamp(2.8rem,9vw,4.6rem);line-height:1;color:#000;font-variant-numeric:tabular-nums;letter-spacing:.01em}.hero-video .hero-drop__lab{position:absolute;top:.45rem;right:.6rem;margin:0;font-family:var(--sneakly-mono);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;color:#000000b3}.hero-video .hero-drop__cta.button{display:block;width:min(86%,44rem);max-width:100%;box-sizing:border-box;margin:0 auto;background:var(--sneakly-mint);color:#000;border:0;border-radius:0;min-height:0;padding:1.25rem 1rem;font-size:1.4rem;letter-spacing:.09em}.hero-video .hero-drop__cta.button:hover{background:#548bf6;color:#000}.hero-video .hero-drop__cta.hero-drop__cta--live{background:#d6003d;color:#fff}.hero-video .hero-drop__cta.hero-drop__cta--live:hover{background:#000;color:#fff}@media screen and (max-width:749px){.hero-video .hero-video__text{font-size:1.5rem;margin-bottom:3rem;padding:0 .5rem}.hero-video .hero-video__buttons{flex-direction:column;align-items:center;gap:1.2rem}.hero-video .hero-video__buttons .button{width:100%;max-width:30rem}.hero-video .hero-drop__timer{gap:.5rem}.hero-video .hero-drop__cell{min-width:0;flex:1 1 0;padding:.7rem .3rem}.hero-video .hero-drop__num{font-size:2.2rem}.hero-video .hero-drop__lab{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-hero-video.css.map */