.hero-carousel{position:relative;overflow:hidden}.hero-carousel__wrapper{display:block;position:relative}.hero-carousel__track{display:flex;gap:var(--hero-gap, 20px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:0 calc((100% - var(--hero-slide-width-mobile, 92%)) / 2)}.hero-carousel__track::-webkit-scrollbar{display:none}.hero-carousel__slide{position:relative;flex:0 0 var(--hero-slide-width-mobile, 92%);scroll-snap-align:center;border-radius:var(--hero-radius, 18px);overflow:hidden;aspect-ratio:var(--hero-ratio-mobile, 2 / 1);height:auto;opacity:.55;transform:scale(.965);transition:opacity .32s ease,transform .32s ease}.hero-carousel__slide.is-active{opacity:1;transform:scale(1)}.hero-carousel__media,.hero-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.hero-carousel__image,.hero-carousel__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.hero-carousel__image--contain{object-fit:contain;background:rgba(var(--color-foreground),.05)}.hero-carousel__placeholder{background:rgba(var(--color-foreground),.06)}.hero-carousel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 35%,rgba(0,0,0,calc(var(--hero-overlay, .3) * 1.35)));pointer-events:none}.hero-carousel__content{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem;color:#fff;max-width:46rem}.hero-carousel__anim{opacity:0;transform:translateY(var(--hero-anim-shift, 30px));transition:opacity var(--hero-anim-duration, .55s) cubic-bezier(.22,.61,.36,1),transform var(--hero-anim-duration, .55s) cubic-bezier(.22,.61,.36,1);transition-delay:0ms;will-change:transform,opacity}.hero-carousel__slide.is-active .hero-carousel__anim{opacity:1;transform:translateY(0)}.hero-carousel__slide.is-active .hero-carousel__anim--1{transition-delay:0ms}.hero-carousel__slide.is-active .hero-carousel__anim--2{transition-delay:var(--hero-anim-step, .18s)}.hero-carousel__slide.is-active .hero-carousel__anim--3{transition-delay:calc(var(--hero-anim-step, .18s) * 2)}@media(prefers-reduced-motion:reduce){.hero-carousel__anim{transition:opacity .16s linear;transform:none}}.hero-carousel__content--left{left:0;bottom:0;align-items:flex-start;text-align:left}.hero-carousel__content--bottom{left:50%;bottom:0;transform:translate(-50%);align-items:center;text-align:center;width:100%}.hero-carousel__content--center{left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;text-align:center;width:100%}.hero-carousel__eyebrow,.hero-carousel__heading{color:#fff!important}.hero-carousel__eyebrow{margin:0;font-size:var(--hero-eyebrow-size-mobile, 12px);font-weight:var(--hero-eyebrow-weight, 600);letter-spacing:.14em;text-transform:uppercase;opacity:1;text-shadow:0 1px 10px rgba(0,0,0,.45)}.hero-carousel__heading{margin:0;font-size:var(--hero-heading-size-mobile, 24px);font-weight:var(--hero-heading-weight, 700);line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.45)}.hero-carousel__button{margin-top:.4rem;min-width:16rem}.hero-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:4.4rem;height:4.4rem;border:none;border-radius:50%;background:#ffffffeb;color:rgb(var(--color-foreground));cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000029;transition:background .16s ease,transform .16s ease}.hero-carousel__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}.hero-carousel__arrow svg{width:1.2rem;height:1.2rem}.hero-carousel__arrow--prev{left:2rem}.hero-carousel__arrow--prev svg{transform:rotate(90deg)}.hero-carousel__arrow--next{right:2rem}.hero-carousel__arrow--next svg{transform:rotate(-90deg)}.hero-carousel__dots{display:flex;justify-content:center;gap:.8rem;margin-top:1.6rem}.hero-carousel__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .16s ease,width .16s ease}.hero-carousel__dot.is-active{width:2.4rem;border-radius:999px;background:rgb(var(--color-foreground))}@media screen and (min-width:750px){.hero-carousel__track{padding:0 calc((100% - var(--hero-slide-width, 78%)) / 2)}.hero-carousel__slide{flex-basis:var(--hero-slide-width, 78%);aspect-ratio:auto;height:var(--hero-height-desktop, 560px)}.hero-carousel__content{padding:4rem;gap:1.6rem}.hero-carousel__heading{font-size:var(--hero-heading-size-desktop, 44px)}.hero-carousel__eyebrow{font-size:var(--hero-eyebrow-size-desktop, 14px)}.hero-carousel__arrow{display:flex}}.hero-carousel__hotspot{position:absolute;left:var(--hx,50%);top:var(--hy,50%);transform:translate(-50%,-50%);z-index:3;opacity:0;pointer-events:none;transition:opacity .3s ease .1s}.hero-carousel__slide.is-active .hero-carousel__hotspot{opacity:1;pointer-events:auto}.hero-carousel__pin{display:block;position:relative;width:2.4rem;height:2.4rem;border-radius:50%;background:#fffffff2;box-shadow:0 2px 10px #0000004d;cursor:pointer}.hero-carousel__pin:after{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border-radius:50%;background:#17181c}.hero-carousel__pin-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffffa6;animation:hero-hotspot-pulse 2.4s ease-out infinite}@keyframes hero-hotspot-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.9);opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.hero-carousel__pin-pulse{animation:none}}.hero-carousel__tooltip{position:absolute;left:50%;bottom:calc(100% + 1.1rem);transform:translate(-50%) translateY(6px);display:flex;align-items:center;gap:1rem;width:max-content;max-width:24rem;padding:.8rem 1.2rem .8rem .8rem;border-radius:10px;background:#fff;box-shadow:0 8px 26px #00000038;text-decoration:none;color:#17181c;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.hero-carousel__hotspot:hover .hero-carousel__tooltip,.hero-carousel__hotspot:focus-within .hero-carousel__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.hero-carousel__tooltip-image{width:4.8rem;height:4.8rem;object-fit:cover;border-radius:6px;flex-shrink:0}.hero-carousel__tooltip-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.hero-carousel__tooltip-title{font-size:1.25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-carousel__tooltip-price{font-size:1.3rem;font-weight:600}.hero-carousel__picture{display:block;width:100%;height:100%}@media screen and (max-width:749px){.hero-carousel--mobile-full .hero-carousel__track{padding:0;gap:0}.hero-carousel--mobile-full .hero-carousel__slide{flex-basis:100%;border-radius:0;opacity:1;transform:none}.hero-carousel__hotspot--desktop-only{display:none}.hero-carousel__content,.hero-carousel__content--left,.hero-carousel__content--center,.hero-carousel__content--bottom{left:50%;right:auto;top:auto;bottom:0;transform:translate(-50%);width:var(--hero-text-width-mobile, 88%);max-width:var(--hero-text-width-mobile, 88%);align-items:center;text-align:center;padding:0 0 2.2rem;gap:.8rem}.hero-carousel__scrim{background:linear-gradient(to bottom,#0000 42%,rgba(0,0,0,calc(var(--hero-overlay, .3) * .9 + .28)) 78%,rgba(0,0,0,calc(var(--hero-overlay, .3) * 1.1 + .42)))}.hero-carousel__heading{line-height:1.2;text-wrap:balance}.hero-carousel__eyebrow{letter-spacing:.12em}.hero-carousel__button{margin-top:.2rem}.hero-carousel__button--m-compact{min-width:0;min-height:0;width:auto;padding:.9rem 1.8rem;font-size:1.3rem;line-height:1.2;border-radius:999px}.hero-carousel__button--m-link{min-width:0;min-height:0;width:auto;padding:0;background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:1.3rem;text-decoration:underline;text-underline-offset:4px}.hero-carousel__button--m-link:after,.hero-carousel__button--m-link:before{display:none!important}.hero-carousel__button--m-hidden{display:none}.hero-carousel__dots{margin-top:1.2rem}}@media screen and (min-width:750px){.hero-carousel--desktop-ratio .hero-carousel__slide{height:auto;aspect-ratio:var(--hero-ratio-desktop, 2 / 1)}}@media screen and (max-width:749px){.hero-carousel__hotspot{left:var(--hx-m, var(--hx, 50%));top:var(--hy-m, var(--hy, 50%))}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/section-hero-carousel.css.map */