.d-hero{display:block;background:#000;padding:var(--hero-pad) 0}.d-hero__box{position:relative;max-width:var(--hero-max);margin:0 auto}.d-hero__frame{position:relative;aspect-ratio:var(--hero-ratio-d);overflow:hidden;background:#000}@media screen and (max-width:749px){.d-hero__frame{aspect-ratio:var(--hero-ratio-m)}}.d-hero__track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.d-hero__track::-webkit-scrollbar{display:none}.d-hero__track:focus-visible{outline:.3rem solid var(--d-green);outline-offset:-.3rem}.d-hero__slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.d-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none}.d-hero__link:focus-visible{outline:.3rem solid var(--d-green);outline-offset:-.3rem}.d-hero__pic,.d-hero__img{display:block;width:100%;height:100%}.d-hero__img{object-fit:cover;object-position:center}.d-hero--js.d-hero--fade .d-hero__track{display:grid;overflow:hidden;scroll-snap-type:none;touch-action:pan-y}.d-hero--js.d-hero--fade .d-hero__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.d-hero--js.d-hero--fade .d-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s;z-index:1}.d-hero--js.d-hero--fade .d-hero__slide.is-idle{display:none}.d-hero__copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none;padding:0 clamp(2.4rem,5vw,9.6rem);background:linear-gradient(90deg,rgba(0,0,0,var(--hero-shade)),rgba(0,0,0,calc(var(--hero-shade) * .6)) 45%,#0000 75%)}.d-hero__copy--center{justify-content:center;text-align:center;background:rgba(0,0,0,calc(var(--hero-shade) * .8))}.d-hero__copy--right{justify-content:flex-end;text-align:right;background:linear-gradient(270deg,rgba(0,0,0,var(--hero-shade)),rgba(0,0,0,calc(var(--hero-shade) * .6)) 45%,#0000 75%)}.d-hero__copy--dark{color:var(--d-black)}.d-hero__copy--dark.d-hero__copy{background:none}.d-hero__copy--light{color:var(--d-ink)}.d-hero__copy-in{max-width:min(46%,84rem)}.d-hero--arrows .d-hero__copy{padding-left:max(7.6rem,5vw);padding-right:max(7.6rem,5vw)}.d-hero__copy--center .d-hero__copy-in{max-width:min(70%,90rem)}[class*=section-vsb-] .d-hero__eyebrow{margin:0 0 clamp(.8rem,.8vw,1.4rem);font:800 clamp(1.1rem,.85vw,1.5rem)/1.2 var(--d-body);text-transform:uppercase;letter-spacing:.14em}[class*=section-vsb-] .d-hero__title{margin:0;font:400 clamp(2.8rem,3.7vw,7rem)/.95 var(--d-display);text-transform:uppercase;letter-spacing:.005em;color:inherit;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}[class*=section-vsb-] .d-hero__line{margin:clamp(1rem,1vw,1.8rem) 0 0;font:500 clamp(1.4rem,1.15vw,2.1rem)/1.4 var(--d-body);color:inherit;opacity:.92}.d-hero__btn.d-btn{margin-top:clamp(1.4rem,1.5vw,2.8rem);min-height:clamp(4.4rem,3.3vw,6rem);padding:0 clamp(1.8rem,1.7vw,3.2rem);font-size:clamp(1.7rem,1.3vw,2.4rem);pointer-events:none}.d-hero__link:hover .d-hero__btn:not(.d-btn--ghost){background:var(--d-green-hover)}.d-hero__link:hover .d-hero__btn.d-btn--ghost{background:var(--d-ink);color:var(--d-black)}@media screen and (max-width:749px){.d-hero__copy,.d-hero__copy--center,.d-hero__copy--right{align-items:flex-end;justify-content:flex-start;text-align:left;padding:0 var(--d-gutter, 1.6rem) 2rem;background:linear-gradient(0deg,rgba(0,0,0,var(--hero-shade)),rgba(0,0,0,calc(var(--hero-shade) * .5)) 40%,#0000 65%)}.d-hero__copy-in,.d-hero__copy--center .d-hero__copy-in{max-width:100%}[class*=section-vsb-] .d-hero__title{font-size:clamp(2.6rem,8vw,4.4rem)}[class*=section-vsb-] .d-hero__line{margin-top:.8rem;font-size:1.4rem;line-height:1.35}.d-hero__btn.d-btn{margin-top:1.2rem;min-height:4.4rem;padding:0 1.8rem;font-size:1.8rem}.d-hero--arrows .d-hero__copy{padding-left:var(--d-gutter, 1.6rem);padding-right:var(--d-gutter, 1.6rem)}}.d-hero__note{position:absolute;left:var(--note-x, 3%);top:var(--note-y, 4%);max-width:calc(97% - var(--note-x, 3%));margin:0;pointer-events:none;padding:.55em .9em;background:var(--d-ink);color:var(--d-black);font:800 clamp(1.2rem,.95vw,1.8rem)/1.2 var(--d-body);text-transform:uppercase;letter-spacing:.08em}@media screen and (max-width:749px){.d-hero__note{left:var(--note-xm, 4%);top:var(--note-ym, 4%);max-width:calc(97% - var(--note-xm, 4%));font-size:clamp(1rem,3.2vw,1.4rem);letter-spacing:.05em}}@media screen and (max-width:374px){[class*=section-vsb-] .d-hero__line{display:none}}.d-hero__bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:4.8rem;padding:0 5.6rem;background:#000;color:var(--d-ink)}.d-hero__dots{display:flex;align-items:center;justify-content:center;gap:.4rem}.d-hero__dot{display:flex;align-items:center;justify-content:center;min-width:4.4rem;height:4.4rem;padding:0 .2rem;color:inherit}.d-hero__dot-bar{position:relative;display:block;width:clamp(3.2rem,4vw,5.6rem);height:.4rem;background:#f5f5f052;overflow:hidden}.d-hero__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--d-ink);transform:scaleX(0);transform-origin:left}.d-hero__dot.is-active .d-hero__dot-fill{transform:scaleX(1)}.d-hero__dot:hover .d-hero__dot-bar{background:#f5f5f099}.d-hero.is-playing .d-hero__dot.is-active .d-hero__dot-fill{animation:d-hero-fill var(--hero-interval) linear both}.d-hero.is-paused .d-hero__dot.is-active .d-hero__dot-fill{animation-play-state:paused}@keyframes d-hero-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.d-hero__pause{position:absolute;right:max(.8rem,calc(var(--d-gutter, 1.6rem) - 1rem));top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.d-hero__arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:#0000009e;color:var(--d-ink);cursor:pointer}.d-hero__arrow--prev{left:1.6rem}.d-hero__arrow--next{right:1.6rem}.d-hero__arrow[hidden],.d-hero__pause[hidden]{display:none}.d-hero__arrow:hover{background:var(--d-ink);color:var(--d-black)}.d-hero__pause:hover{background:#f5f5f01f}.d-hero__pause .d-hero__icon-play{display:none}.d-hero.is-stopped .d-hero__pause .d-hero__icon-play{display:block}.d-hero.is-stopped .d-hero__pause .d-hero__icon-pause{display:none}.d-hero__dot:focus-visible,.d-hero__arrow:focus-visible,.d-hero__pause:focus-visible{outline:.2rem solid var(--d-ink);outline-offset:-.2rem}@media screen and (max-width:749px){.d-hero__arrow,.d-hero--still-phone .d-hero__pause{display:none}.d-hero__bar{padding:0 1.6rem}}@media(prefers-reduced-motion:reduce){.d-hero__track{scroll-behavior:auto}.d-hero--js.d-hero--fade .d-hero__slide,.d-hero--js.d-hero--fade .d-hero__slide.is-active{transition:none}.d-hero.is-playing .d-hero__dot.is-active .d-hero__dot-fill{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/vsb-hero-slider.css.map */