.hero-slideshow{position:relative;width:100%;overflow:hidden;background-color:#0b0b0b;color:#fff}.hero-slideshow__viewport{position:relative;width:100%;aspect-ratio:3 / 1;min-height:540px;max-height:850px;overflow:hidden}@media screen and (max-width:768px){.hero-slideshow__viewport{aspect-ratio:4 / 3;min-height:480px;max-height:600px}}@media screen and (max-width:480px){.hero-slideshow__viewport{aspect-ratio:1 / 1;min-height:440px}}.hero-slideshow__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility .7s ease;z-index:1;pointer-events:none}.hero-slideshow__slide.is-active{opacity:1;visibility:visible;z-index:2;pointer-events:auto}.hero-slideshow__media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-slideshow__image{width:100%;height:100%;object-fit:cover;object-position:center right;transform:scale(1);transform-origin:center center;will-change:transform}.hero-slideshow__slide.is-active .hero-slideshow__image.ken-burns{animation:heroKenBurns 8.5s ease-out forwards}@keyframes heroKenBurns{0%{transform:scale(1)}to{transform:scale(1.04)}}.hero-slideshow__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#00000094,#0000005c 45%,#0000001a 75%,#0000);z-index:2;pointer-events:none}@media screen and (max-width:768px){.hero-slideshow__overlay{background:linear-gradient(to bottom,#00000073,#0009 60%,#000000b3)}}.hero-slideshow__content-wrapper{position:relative;z-index:3;width:100%;height:100%;margin:0;padding:0 4vw;display:flex;align-items:center;justify-content:flex-start}@media screen and (max-width:768px){.hero-slideshow__content-wrapper{padding:0 5%;align-items:flex-end;padding-bottom:3.5rem}}.hero-slideshow__content{max-width:650px;text-align:left}.hero-slideshow__heading{font-family:inherit;font-size:clamp(2.6rem,4.2vw + 1rem,4.4rem);font-weight:700;line-height:1.05;color:#fff;margin:0 0 1.25rem;letter-spacing:-.02em;text-shadow:none;max-width:650px}.hero-slideshow__body{font-family:inherit;font-size:clamp(1.35rem,1.5vw + .85rem,1.7rem);font-weight:400;line-height:1.6;color:#fffffffa;margin:0 0 2.25rem;text-shadow:none;max-width:630px}.hero-slideshow__buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-slideshow__btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#67c7c1;font-size:1.15rem;font-weight:700;letter-spacing:.02em;text-decoration:none;padding:18px 40px;border-radius:6px;border:1px solid #ffffff;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #00000029;cursor:pointer}.hero-slideshow__btn-primary:hover{background-color:#fff;color:#4fb3ac;transform:translateY(-3px);box-shadow:0 8px 24px #0000003d}.hero-slideshow__btn-primary:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.hero-slideshow__btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.02em;text-decoration:none;padding:18px 40px;border-radius:6px;border:1px solid rgba(255,255,255,.85);transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer}.hero-slideshow__btn-secondary:hover{background-color:#ffffff26;border-color:#fff;color:#fff;transform:translateY(-3px)}.hero-slideshow__controls{position:absolute;bottom:2rem;left:4vw;z-index:4;display:flex;align-items:center;gap:16px}@media screen and (max-width:768px){.hero-slideshow__controls{bottom:1.25rem;left:5%}}.hero-slideshow__dots{display:flex;align-items:center;gap:8px}.hero-slideshow__dot{width:10px;height:10px;border-radius:50%;background-color:#fff6;border:none;padding:0;cursor:pointer;transition:all .3s ease}.hero-slideshow__dot:hover{background-color:#ffffffb3}.hero-slideshow__dot.is-active{width:28px;border-radius:12px;background-color:#fff}.hero-slideshow__nav-btn{background:#00000040;border:1px solid rgba(255,255,255,.25);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-slideshow__nav-btn:hover{background:#00000080;border-color:#fff9}.hero-slideshow__nav-btn svg{width:14px;height:14px;fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-slideshow.css.map */
