slipdrive-hero{--p: 0;--lead: 0;--sd-bg: var(--color-background, #efeaf0);--sd-fg: var(--color-foreground, #17151a);display:block;position:relative;height:var(--sd-scroll-track, 260vh);background:var(--sd-bg);color:var(--sd-fg)}.sd-hero__stage{position:sticky;top:0;height:100svh;overflow:hidden}.sd-hero__header{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:90%;max-width:800px;pointer-events:none;opacity:clamp(0,calc(1 - var(--p) * 4),1);will-change:opacity,transform}.sd-hero__title{font-size:clamp(2.5rem,7.5vw,6.2rem);font-weight:900;letter-spacing:-.04em;line-height:.95;margin:0 0 16px;text-transform:uppercase;color:var(--sd-fg)}.sd-hero__subtitle{font-size:clamp(1rem,2vw,1.45rem);font-weight:500;letter-spacing:-.01em;margin:0;color:color-mix(in srgb,var(--sd-fg) 65%,transparent)}@media(prefers-reduced-motion:no-preference){.sd-hero__title{animation:sd-text-up 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:.2s}.sd-hero__subtitle{animation:sd-text-up 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:.38s}}@keyframes sd-text-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sd-hero__card{position:absolute;left:calc(var(--fx) * 1%);top:calc(var(--fy) * 1%);--w-eff: var(--w);width:calc(var(--w-eff) * 1vw);transform:translate(-50%,-50%);will-change:transform}.sd-hero__inner{will-change:opacity,transform}.sd-hero__card:not(.sd-hero__card--lead){opacity:clamp(0,calc((var(--gallery-out, .3) - var(--p)) / .15),1)}.sd-hero__card:not(.sd-hero__card--lead) .sd-hero__inner{animation:sd-card-in .72s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--sd-i, 0) * .16s + .55s)}@keyframes sd-card-in{0%{opacity:0;translate:0 44px;scale:.92}to{opacity:1;translate:0 0;scale:1}}.sd-hero__card--lead{--lead-h0: 38;--w-eff: var(--w, 34);z-index:5;will-change:transform,width;left:50%;top:50%;--curr-target: var(--lead-target, 96);--curr-target-h: var(--lead-target-h, 90);width:calc((var(--w-eff) + (var(--curr-target) - var(--w-eff)) * var(--lead)) * 1vw)}@media(max-width:749px){.sd-hero__card--lead{--curr-target: var(--lead-target-mobile, 96);--curr-target-h: var(--lead-target-h-mobile, 80);--w-eff: var(--w-mobile, 74)}}.sd-hero__card--lead .sd-hero__frame{aspect-ratio:auto;height:calc((var(--lead-h0) + (var(--curr-target-h) - var(--lead-h0)) * var(--lead)) * 1vh);border-radius:calc((var(--lead-radius-end-val, 40) - (var(--lead-radius-end-val, 40) - var(--sd-radius-val, 14)) * var(--lead)) * 1px)}.sd-hero__card--lead .sd-hero__inner{animation:sd-lead-in 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:1.1s}@keyframes sd-lead-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sd-hero__frame{position:relative;overflow:hidden;border-radius:var(--sd-radius, 14px);aspect-ratio:var(--ratio, 16 / 10);background:#0000000a;box-shadow:0 24px 60px -30px #00000073}.sd-hero__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sd-hero__frame--captioned:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / 42%),transparent);pointer-events:none}.sd-hero__caption{position:absolute;z-index:3;right:clamp(40px,3.5vw,64px);bottom:clamp(16px,2vw,32px);left:clamp(16px,2vw,32px);text-align:right;color:#fff;text-shadow:0 1px 14px rgb(0 0 0 / 45%);opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);pointer-events:none}.sd-hero__slide.is-active .sd-hero__caption{opacity:1;transform:translateY(0);pointer-events:auto}.sd-hero__slideshow{position:relative;width:100%;height:100%;overflow:hidden}.sd-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;justify-content:center}.sd-hero__slide.is-active{opacity:1;pointer-events:auto;z-index:2}.sd-hero__slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.sd-hero__dots{position:absolute;right:clamp(16px,2vw,32px);bottom:clamp(16px,2vw,32px);display:flex;flex-direction:column;gap:8px;z-index:10}.sd-hero__dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;padding:0;cursor:pointer;transition:background .3s ease,transform .3s ease}.sd-hero__dot:hover{background:#fffc;transform:scale(1.25)}.sd-hero__dot.is-active{background:#fff;transform:scale(1.25)}.sd-hero__caption-title{display:block;font-size:clamp(.95rem,1.3vw,1.35rem);line-height:1.15;letter-spacing:-.01em}.sd-hero__caption-link{display:inline-block;margin-top:2px;font-size:clamp(.68rem,.85vw,.82rem);opacity:.85;color:inherit;text-decoration:none}.sd-hero__caption-link:after{content:" \2192"}.sd-hero__cue{position:absolute;left:50%;bottom:26px;translate:-50% 0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:clamp(0,calc(1 - var(--p) * 6),.6);pointer-events:none}@media(max-width:749px){slipdrive-hero{height:var(--sd-scroll-track-mobile, 240vh)}.sd-hero__card{--w-eff: var(--w-mobile, 62)}}@media(prefers-reduced-motion:reduce){slipdrive-hero{height:auto;--p: 1}.sd-hero__stage{position:static;height:auto;min-height:100svh}.sd-hero__inner,.sd-hero__card--lead .sd-hero__inner{animation:none;opacity:1;translate:none;scale:1}.sd-hero__cue{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/slipdrive-hero.css.map */