.dc-hero{position:relative;height:var(--dc-hero-h, 75svh);overflow:hidden;background:var(--dc-black, #080810);isolation:isolate}@media screen and (max-width:749px){.dc-hero{height:var(--dc-hero-h-mobile, 70svh)}}.dc-hero__track{height:100%}.dc-hero--fade .dc-hero__track{display:grid}.dc-hero--slide .dc-hero__track{display:flex;transform:translate(calc(var(--dc-index, 0) * -100%));transition:transform .7s cubic-bezier(.4,0,.2,1)}.dc-hero__slide{position:relative;height:100%}.dc-hero--fade .dc-hero__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.dc-hero--fade .dc-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s}.dc-hero--slide .dc-hero__slide{flex:0 0 100%}.dc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.dc-hero__media picture{display:block;width:100%;height:100%}.dc-hero__img{width:100%;height:100%;object-fit:cover;object-position:var(--dc-focal-x, 50%) var(--dc-focal-y, 50%);display:block}.dc-hero__placeholder{width:100%;height:100%;background:var(--dc-black-card, #13131f)}.dc-hero__placeholder svg{width:100%;height:100%;fill:#f2f2f414}.dc-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(8,8,16,calc(var(--dc-overlay, .45) * .7)),#08081000 55%),rgba(8,8,16,var(--dc-overlay, .45))}.dc-hero__content-grid{position:relative;z-index:2;display:grid;height:100%;padding:clamp(2.4rem,5vw,6rem);box-sizing:border-box}.dc-hero__content{place-self:var(--dc-place, end start);max-width:var(--dc-content-width, 52rem);text-align:var(--dc-text-align, left);display:flex;flex-direction:column;gap:1.6rem;align-items:var(--dc-items, flex-start)}.dc-hero__eyebrow{margin:0;font-family:var(--font-body, sans-serif);font-size:1.3rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dc-eyebrow-color, var(--dc-blue, #1b4fff));text-shadow:0 1px 12px rgba(4,4,10,.55)}.dc-hero__heading{margin:0;font-family:var(--font-display, sans-serif);font-weight:800;text-transform:uppercase;font-size:clamp(3.6rem,7vw,8.4rem);line-height:.92;letter-spacing:.01em;color:var(--dc-heading-color, var(--dc-white, #f2f2f4));text-wrap:balance;text-shadow:0 2px 30px rgba(4,4,10,.45)}.dc-hero__text{margin:0;font-family:var(--font-body, sans-serif);font-size:clamp(1.5rem,1.6vw,1.8rem);line-height:1.55;color:var(--dc-text-color, var(--dc-white-off, #c8c8d0));max-width:46ch;text-shadow:0 1px 16px rgba(4,4,10,.5)}.dc-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;margin-top:.6rem;padding:1.4rem 3.2rem;border:1px solid transparent;border-radius:.2rem;font-family:var(--font-body, sans-serif);font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.dc-hero__btn--primary{background:var(--dc-blue, #1b4fff);border-color:var(--dc-blue, #1b4fff);color:#fff}.dc-hero__btn--primary:hover{background:var(--dc-blue-dim, #1240e0);border-color:var(--dc-blue-dim, #1240e0);box-shadow:0 0 0 1px #1b4fff66,0 8px 34px #2e1a478c;transform:translateY(-1px)}.dc-hero__btn--outline{background:#08081040;border-color:#f2f2f461;color:var(--dc-white, #f2f2f4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dc-hero__btn--outline:hover{background:#f2f2f41a;border-color:var(--dc-white, #f2f2f4);transform:translateY(-1px)}.dc-hero__btn:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:3px}.dc-hero__arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(242,242,244,.22);border-radius:50%;background:#08081066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--dc-white, #f2f2f4);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.dc-hero__arrow:hover{background:#080810b8;border-color:#f2f2f480}.dc-hero__arrow:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:2px}.dc-hero__arrow svg{width:2rem;height:2rem}.dc-hero__arrow--prev{left:clamp(1.2rem,2vw,2.4rem)}.dc-hero__arrow--next{right:clamp(1.2rem,2vw,2.4rem)}@media screen and (max-width:749px){.dc-hero__arrow{display:none}}.dc-hero__dots{position:absolute;z-index:3;bottom:clamp(1.6rem,2.5vw,2.8rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}.dc-hero__dot{position:relative;width:3.2rem;height:1.6rem;padding:0;border:none;background:none;cursor:pointer}.dc-hero__dot:before{content:"";position:absolute;inset-inline:0;top:50%;height:2px;transform:translateY(-50%);background:#f2f2f447;transition:background-color .2s ease}.dc-hero__dot:hover:before{background:#f2f2f48c}.dc-hero__dot:after{content:"";position:absolute;inset-inline-start:0;top:50%;height:2px;width:0;transform:translateY(-50%);background:var(--dc-blue, #1b4fff)}.dc-hero__dot.is-active:after{width:100%}.dc-hero--autoplay .dc-hero__dot.is-active:after{animation:dc-hero-progress var(--dc-interval, 6s) linear forwards}.dc-hero--paused .dc-hero__dot.is-active:after{animation-play-state:paused}@keyframes dc-hero-progress{0%{width:0}to{width:100%}}.dc-hero__dot:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:2px}.dc-hero__toggle{position:absolute;z-index:3;bottom:clamp(1.6rem,2.5vw,2.8rem);right:clamp(1.6rem,2.5vw,2.8rem);display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:1px solid rgba(242,242,244,.22);border-radius:50%;background:#08081066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--dc-white, #f2f2f4);cursor:pointer}.dc-hero__toggle:hover{background:#080810b8}.dc-hero__toggle:focus-visible{outline:2px solid var(--dc-white, #f2f2f4);outline-offset:2px}.dc-hero__toggle svg{width:1.4rem;height:1.4rem}.dc-hero__toggle .dc-hero__icon-play{display:none}.dc-hero--paused .dc-hero__toggle .dc-hero__icon-play{display:block}.dc-hero--paused .dc-hero__toggle .dc-hero__icon-pause{display:none}.dc-hero__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dc-hero__content>*{animation:dc-hero-in .62s cubic-bezier(.22,1,.36,1) both;animation-play-state:paused}.dc-hero__slide.is-active .dc-hero__content>*{animation-play-state:running}.dc-hero__content>:nth-child(2){animation-delay:80ms}.dc-hero__content>:nth-child(3){animation-delay:.16s}.dc-hero__content>:nth-child(4){animation-delay:.24s}@keyframes dc-hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.dc-hero__empty{margin:0;padding:4rem;text-align:center;font-family:var(--font-body, sans-serif);color:var(--dc-white-off, #c8c8d0)}.dc-hero--full,.dc-hero--full .dc-hero__slide{height:auto}.dc-hero--full .dc-hero__media{position:relative;inset:auto;aspect-ratio:var(--dc-ratio, 16 / 9)}.dc-hero--full .dc-hero__content-grid{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}@media screen and (max-width:749px){.dc-hero--full .dc-hero__media{aspect-ratio:var(--dc-ratio-mobile, var(--dc-ratio, 16 / 9))}}@media screen and (max-width:749px){.dc-hero--stack-mobile{height:auto}.dc-hero--stack-mobile .dc-hero__slide{display:flex;flex-direction:column;height:auto}.dc-hero--stack-mobile .dc-hero__media{position:relative;inset:auto;flex:0 0 auto;aspect-ratio:var(--dc-mobile-ratio, 4 / 5)}.dc-hero--stack-mobile .dc-hero__scrim{display:none}.dc-hero--stack-mobile .dc-hero__content-grid{height:auto;padding:2.8rem 2.4rem 3.2rem}.dc-hero--stack-mobile .dc-hero__content{place-self:auto;max-width:none}.dc-hero--stack-mobile .dc-hero__heading{font-size:clamp(3.2rem,11vw,5.2rem);text-shadow:none}.dc-hero--stack-mobile .dc-hero__text,.dc-hero--stack-mobile .dc-hero__eyebrow{text-shadow:none}.dc-hero--stack-mobile .dc-hero__dots{position:static;transform:none;justify-content:center;padding-bottom:2.4rem}.dc-hero--stack-mobile .dc-hero__toggle{bottom:2rem}}@media(prefers-reduced-motion:reduce){.dc-hero--slide .dc-hero__track,.dc-hero--fade .dc-hero__slide,.dc-hero__btn{transition-duration:1ms}.dc-hero__content>*,.dc-hero--autoplay .dc-hero__dot.is-active:after{animation:none}.dc-hero__dot.is-active:after{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dc-hero.css.map */