.slash-hero{position:relative;display:block;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#0c0c0c}.slash-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.slash-hero__slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.slash-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slash-hero__video{width:100%!important;height:100%!important;object-fit:cover!important}.slash-hero__video,.slash-hero__img,.slash-hero__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.slash-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--scrim, .2));pointer-events:none}.slash-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.slash-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;pointer-events:none}.slash-hero__overlay>*{pointer-events:auto}.slash-hero__award{font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffffeb;margin:0 0 2.4rem;opacity:0;animation:slashFadeUp 1s ease .2s forwards}.slash-hero__logo{height:auto;filter:brightness(0) invert(1);opacity:0;animation:slashFadeUp 1.1s ease .4s forwards}.slash-hero__heading{font-family:var(--font-heading-family, var(--font-body-family));font-size:clamp(3.6rem,8vw,8rem);font-weight:400;letter-spacing:.16em;color:#fff;margin:0;opacity:0;animation:slashFadeUp 1.1s ease .4s forwards}.slash-hero__cta{display:inline-block;margin-top:3.2rem;padding:1.3rem 3.4rem;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.85);background:transparent;transition:background .3s ease,color .3s ease;opacity:0;animation:slashFadeUp 1.1s ease .6s forwards}.slash-hero__cta:hover{background:#fff;color:#121212}@keyframes slashFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.slash-hero__slide-label{position:absolute;left:0;right:0;bottom:9rem;z-index:3;text-align:center;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:#fff}.slash-hero__nav{position:absolute;left:50%;bottom:4rem;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:1.6rem}.slash-hero__arrow{background:none;border:0;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s ease;display:flex}.slash-hero__arrow:hover{opacity:1}.slash-hero__dots{display:flex;gap:.8rem}.slash-hero__dot{width:7px;height:7px;border-radius:50%;border:0;background:#fff6;cursor:pointer;padding:0;transition:background .3s ease,transform .3s ease}.slash-hero__dot.is-active{background:#fff;transform:scale(1.25)}@media screen and (max-width:749px){.slash-hero{height:100svh}.slash-hero__slide-label{bottom:8rem}.slash-hero__nav{bottom:3rem}.slash-hero__cta{margin-top:2.4rem;padding:1.2rem 2.8rem}}@media(prefers-reduced-motion:reduce){.slash-hero__slide.is-active .slash-hero__img{animation:none}.slash-hero__award,.slash-hero__logo,.slash-hero__heading,.slash-hero__cta{animation:none;opacity:1}}.slash-hero__sound{position:absolute;right:4rem;bottom:4rem;z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000040;color:#fff;cursor:pointer;transition:background .3s ease,opacity .2s ease}.slash-hero__sound:hover{background:#00000080}@media screen and (max-width:749px){.slash-hero__sound{right:1.6rem;bottom:2.4rem;width:36px;height:36px}}.slash-hero__media-mobile{display:none}@media screen and (max-width:749px){.slash-hero__media-desktop:has(+.slash-hero__media-mobile *){display:none}.slash-hero__media-mobile{display:block;position:absolute;top:0;right:0;bottom:0;left:0}}.slash-hero__slash{opacity:0;transition:opacity .2s ease}.slash-hero__wave{transition:opacity .2s ease}.slash-hero__sound.is-muted .slash-hero__slash{opacity:1}.slash-hero__sound.is-muted .slash-hero__wave{opacity:0}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-hero.css.map */