.hotspot-section{overflow:hidden}.hotspot-section__intro{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:1.6rem}.hotspot-section__heading{font-size:var(--h2-size-desktop);font-weight:var(--weight-bold);line-height:var(--lh-100);letter-spacing:var(--ls-negative--2);text-transform:uppercase;color:rgb(var(--color-foreground));margin:0;max-width:54.4rem}.hotspot-section__subheading p{font-size:var(--text-16-size);font-weight:var(--weight-medium);line-height:var(--lh-150);color:rgb(var(--color-foreground));margin:0;max-width:58rem}hotspot-section{display:block;position:relative}.hotspot-section__image-wrap{position:relative;border-radius:var(--border-4);overflow:hidden}.hotspot-section__bg-img{width:100%;height:100%;object-fit:cover;display:block}.hotspot-section__bg-img.placeholder-svg{background:var(--color-soft-beige)}.hotspot-section__dot-wrapper{position:absolute;left:var(--hs-x, 50%);top:var(--hs-y, 50%);transform:translate(-50%,-50%);z-index:2}.hotspot-section__dot{position:relative;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;background:transparent;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.hotspot-section__dot:focus-visible{outline:2px solid var(--color-forest);outline-offset:2px;border-radius:50%}.hotspot-section__dot-inner{position:relative;display:block;width:1.8rem;height:1.8rem;background:#ffffffeb;border-radius:50%;z-index:1;transition:transform .2s ease}.hotspot-section__dot:hover .hotspot-section__dot-inner,.hotspot-section__dot-wrapper.is-open .hotspot-section__dot-inner{transform:scale(1.2)}.hotspot-section__dot-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.8rem;height:3.8rem;border-radius:50%;animation:hotspot-pulse 2.4s ease-in-out infinite;pointer-events:none;background:rgba(var(--color-background),.5)}.hotspot-section__dot-wrapper.is-open .hotspot-section__dot-ring{animation:none;opacity:1}@keyframes hotspot-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.35)}}.hotspot-section__popup{position:absolute;padding:1.6rem 2rem;width:320px;display:flex;flex-direction:column;gap:.8rem;background-color:rgba(var(--color-background),.95);border-radius:var(--border-4);box-shadow:0 4px 24px #0000001f;z-index:1}.hotspot-section__popup[hidden]{display:none}.hotspot-section__popup-media{flex-shrink:0;width:100%;max-width:30px;border-radius:var(--border-4);overflow:hidden}.hotspot-section__popup-img{width:100%;height:100%;object-fit:cover;display:block}.hotspot-section__popup-body{display:flex;flex-direction:column;gap:.6rem}.hotspot-section__popup-title{font-size:var(--text-16-size);font-weight:var(--weight-semibold);line-height:1.28;letter-spacing:-.01em;color:var(--color-forest);margin:0}.hotspot-section__popup-text{font-size:var(--text-16-size);font-weight:var(--weight-medium);line-height:1.44;color:var(--color-forest);margin:0}.hotspot-section__popup-text p{margin:0}@media screen and (max-width:989px){.hotspot-section__heading{font-size:var(--h2-size-mobile)}.hotspot-section__subheading{font-size:var(--text-14-size);line-height:1.48}.hotspot-section__intro{gap:1.2rem}.hotspot-section__dot-wrapper{left:var(--hs-x-mobile, var(--hs-x, 50%));top:var(--hs-y-mobile, var(--hs-y, 50%))}.hotspot-section__popup{width:26rem;padding:1.4rem;border-radius:var(--border-4)}.hotspot-section__popup-title{font-size:var(--text-15-size);line-height:var(--lh-150);letter-spacing:0}.hotspot-section__popup-text{font-size:var(--text-14-size);line-height:1.48}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hotspot.css.map */