:root{--hero-height-desktop: 85vh;--hero-height-mobile: 100svh;--hero-transition-duration: .7s;--hero-arrow-size: 48px;--hero-dot-size: 14px;--hero-autoplay-speed: 5s}.hero-slideshow{position:relative;width:100%;overflow:hidden;background-color:#0a0a0a}.hero-slideshow__track{position:relative;width:100%;height:var(--hero-height-mobile)}@media screen and (min-width:750px){.hero-slideshow__track{height:var(--hero-height-desktop)}}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--hero-transition-duration) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--hero-transition-duration);z-index:1}.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity var(--hero-transition-duration) cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;z-index:2}.hero-slide__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-slide__img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide__solid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#000;pointer-events:none;z-index:1}.hero-slide__content{position:relative;z-index:3;display:flex;align-items:center;height:100%;padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.hero-slide__inner{width:100%}.hero-slide.is-active .hero-slide__inner{animation:heroContentIn var(--hero-transition-duration) cubic-bezier(.4,0,.2,1) forwards}@keyframes heroContentIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-slide__subtitle{font-size:.875rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--spacing-3);opacity:.85;color:inherit}.hero-slide__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2rem,6vw,4.5rem);line-height:1.08;margin-top:0;margin-bottom:var(--spacing-4);color:inherit}.hero-slide__text{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin-bottom:var(--spacing-8);opacity:.9;color:inherit}.hero-slide__btn{display:inline-flex}.hero-slide{color:var(--slide-text-color, #ffffff)}.hero-slideshow__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4)}@media screen and (min-width:750px){.hero-slideshow__arrows{padding:0 var(--spacing-8)}}.hero-slideshow__arrow{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:var(--hero-arrow-size);height:var(--hero-arrow-size);border-radius:50%;border:none;background:#ffffff1f;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .25s ease,transform .2s ease}.hero-slideshow__arrow:hover{background:#ffffff40;transform:scale(1.08)}.hero-slideshow__arrow:active{transform:scale(.95)}@media screen and (max-width:749px){.hero-slideshow__arrow{width:38px;height:38px}.hero-slideshow__arrow svg{width:16px;height:16px}}.hero-slideshow__dots{position:absolute;bottom:var(--spacing-6);left:50%;transform:translate(-50%);z-index:5;display:flex;gap:var(--spacing-3);align-items:center}.hero-slideshow__dot{position:relative;display:flex;align-items:center;justify-content:center;width:var(--hero-dot-size);height:var(--hero-dot-size);padding:0;border:none;border-radius:50%;background:#ffffff59;cursor:pointer;transition:background .3s ease,transform .2s ease}.hero-slideshow__dot.is-active{background:#ffffffe6;transform:scale(1.25)}.hero-slideshow__dot:hover{background:#ffffffa6}.hero-dot__progress{position:absolute;width:calc(var(--hero-dot-size) + 8px);height:calc(var(--hero-dot-size) + 8px);transform:rotate(-90deg);pointer-events:none;opacity:0;transition:opacity .3s}.hero-slideshow__dot.is-active .hero-dot__progress{opacity:1}.hero-dot__progress-bg{fill:none;stroke:#ffffff26;stroke-width:2}.hero-dot__progress-ring{fill:none;stroke:#fffc;stroke-width:2;stroke-dasharray:100.53;stroke-dashoffset:100.53;stroke-linecap:round}.hero-slideshow__dot.is-active .hero-dot__progress-ring{animation:heroDotFill var(--hero-autoplay-speed) linear forwards}@keyframes heroDotFill{to{stroke-dashoffset:0}}@media screen and (max-width:749px)and (min-height:700px){.hero-slideshow__track{height:85svh}}@media screen and (max-width:749px)and (max-height:500px){.hero-slideshow__track{height:100svh;min-height:360px}}@media screen and (min-width:1800px){.hero-slideshow__track{max-height:900px}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/component-hero.css.map */