.interactive-map{padding:0;background:rgb(var(--color-background));min-height:auto;position:relative;overflow:hidden}.interactive-map:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.01));pointer-events:none}.interactive-map__hint{position:absolute;top:2rem;right:2rem;z-index:200;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--color-foreground),.1);border-radius:2rem;padding:1rem 1.6rem;box-shadow:0 4px 20px rgba(var(--color-foreground),.08);transition:all .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.interactive-map__hint-text{color:rgba(var(--color-foreground),.7);font-size:1.3rem;font-weight:500;margin:0;font-style:italic;white-space:nowrap}.interactive-map__wrapper{display:grid;grid-template-columns:1.22fr .78fr;gap:4rem;align-items:start;padding:0 2rem;max-width:120rem;margin:0 auto}.interactive-map__main{position:relative;padding:0;height:100%}.interactive-map__stage{position:relative;background:transparent;overflow:visible;height:100%;padding:0}.interactive-map__image{width:100%;height:100%;display:block;object-fit:cover;border-radius:1.2rem;box-shadow:0 8px 32px rgba(var(--color-foreground),.08);transition:transform .3s ease,box-shadow .3s ease}.interactive-map__image:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(var(--color-foreground),.12)}.interactive-map__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(var(--color-foreground),.6);font-size:16px;background:rgba(var(--color-foreground),.05);border-radius:var(--border-radius)}.interactive-map__pin{position:absolute;transform:translate(-50%,-100%);z-index:100;pointer-events:auto}.interactive-map__pin-btn{background:rgb(var(--color-background));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--color-foreground),.15);border-radius:2.5rem;padding:1rem 1.6rem;cursor:pointer;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground));box-shadow:0 4px 20px rgba(var(--color-foreground),.08);transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;font-family:var(--font-body-family);pointer-events:auto;position:relative;z-index:101;min-height:4.4rem;display:flex;align-items:center;justify-content:center}.interactive-map__pin-btn:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(var(--color-foreground),.2);border-color:rgba(var(--color-foreground),.3)}.interactive-map__pin-btn.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(var(--color-foreground),.4);animation:pulse-active 2s ease-in-out infinite}@keyframes pulse-active{0%,to{box-shadow:0 6px 20px rgba(var(--color-foreground),.4)}50%{box-shadow:0 8px 25px rgba(var(--color-foreground),.6)}}.interactive-map__sidebar{position:sticky;top:8rem;padding:0}.villager-cards{position:relative;min-height:50rem;padding:0}.villager-card{background:rgb(var(--color-background));border-radius:1.6rem;box-shadow:0 8px 40px rgba(var(--color-foreground),.08);border:1px solid rgba(var(--color-foreground),.08);overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(20px) scale(.95);position:absolute;top:0;left:0;right:0;will-change:opacity,transform}.villager-card[style*="display: block"]{opacity:1;transform:translateY(0) scale(1);position:relative}.villager-card__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.4rem 1.6rem;background:rgb(var(--color-background));border-bottom:1px solid rgba(var(--color-foreground),.08)}.villager-card__title{font-size:2rem;font-weight:700;margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);letter-spacing:-.02em}.villager-card__pill{background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.1rem;font-weight:600;padding:.6rem 1.4rem;border-radius:2.5rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(var(--color-foreground),.15);border:none}.villager-card__info{padding:2rem 2.4rem 1.6rem;background:rgb(var(--color-background))}.villager-card__name{font-size:2.4rem;font-weight:700;margin:0 0 .6rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);letter-spacing:-.03em}.villager-card__role{color:rgba(var(--color-foreground),.7);font-size:1.5rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.villager-card__story-section{padding:2rem 2.4rem;background:rgb(var(--color-background))}.villager-card__story{color:rgba(var(--color-foreground),.75);font-size:1.6rem;line-height:1.6;margin:0 0 2.4rem;font-family:var(--font-body-family)}.villager-card__photo{width:100%;aspect-ratio:4 / 5;overflow:hidden;position:relative;border-radius:0 0 1.6rem 1.6rem}.villager-card__photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.villager-card:hover .villager-card__photo img{transform:scale(1.05)}.villager-card__actions{padding:2rem 2.4rem;background:rgb(var(--color-background))}.villager-card__btn{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:2.5rem;padding:1.2rem 2.4rem;font-size:1.5rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.8rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px rgba(var(--color-foreground),.15);font-family:var(--font-body-family);width:100%;justify-content:center;min-height:4.8rem}.villager-card__btn:after{content:"\2192";transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.villager-card__btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--color-foreground),.25)}.villager-card__btn:hover:after{transform:translate(4px)}.villager-card__btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--color-foreground),.04)}.villager-card__btn--link{text-decoration:none;display:inline-flex}.interactive-map__modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;justify-content:center;z-index:1000;padding:20px}.interactive-map__modal-content{background:rgb(var(--color-background));border-radius:var(--border-radius);width:min(600px,100%);padding:40px;box-shadow:0 8px 40px rgba(var(--color-foreground),.12);border:1px solid rgba(255,255,255,.2);transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.interactive-map__modal[style*=flex] .interactive-map__modal-content{transform:scale(1);opacity:1}.interactive-map__modal-title{font-size:28px;font-weight:700;margin:0 0 16px;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);letter-spacing:-.03em}.interactive-map__modal-description{color:rgba(var(--color-foreground),.75);font-size:17px;line-height:1.6;margin:0 0 32px;font-family:var(--font-body-family)}.interactive-map__modal-actions{display:flex;gap:16px;flex-wrap:wrap}.interactive-map__btn{border-radius:50px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:var(--font-body-family)}.interactive-map__btn--primary{background:linear-gradient(135deg,rgb(var(--color-foreground)),rgba(var(--color-foreground),.8));color:rgb(var(--color-background));box-shadow:0 4px 20px rgba(var(--color-foreground),.08)}.interactive-map__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(var(--color-foreground),.3)}.interactive-map__btn--ghost{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1)}.interactive-map__btn--ghost:hover{background:rgba(var(--color-foreground),.1);transform:translateY(-1px)}@media (max-width: 1024px){.interactive-map__wrapper{grid-template-columns:1fr;gap:32px}.interactive-map__sidebar{position:relative;top:0}}@media (max-width: 768px){.interactive-map{padding:24px 0}.interactive-map__hint{top:1.6rem;right:1.6rem;padding:.8rem 1.2rem;border-radius:1.6rem}.interactive-map__hint-text{font-size:1.2rem}.interactive-map__stage{max-height:50vh;margin-bottom:24px}.villager-card{position:relative;margin-bottom:16px;border-radius:16px;box-shadow:0 4px 20px #00000014}.villager-card[style*="display: block"]{position:relative;opacity:1;transform:translateY(0) scale(1)}.villager-card__header{padding:12px 16px 8px;flex-direction:column;align-items:flex-start;gap:8px}.villager-card__title{font-size:18px;line-height:1.3}.villager-card__pill{font-size:10px;padding:4px 10px;letter-spacing:.3px}.villager-card__info{padding:16px 16px 8px}.villager-card__name{font-size:22px;margin:0 0 4px;line-height:1.2}.villager-card__role{font-size:14px;letter-spacing:.3px}.villager-card__story-section{padding:0 16px 16px}.villager-card__story{font-size:15px;line-height:1.5;margin:0 0 16px}.villager-card__actions{padding:0 1.6rem 2rem}.villager-card__btn{width:100%;padding:1.4rem 2.4rem;font-size:1.6rem;min-height:4.8rem;justify-content:center;border-radius:1.2rem}.villager-card__photo{aspect-ratio:3 / 4;border-radius:1.2rem;margin:0 1.6rem;width:calc(100% - 3.2rem)}.interactive-map__pin-btn{font-size:1.2rem;padding:.8rem 1.4rem;min-height:4.4rem;display:flex;align-items:center;justify-content:center}.interactive-map__modal-content{padding:2rem;margin:1.6rem}.interactive-map__modal-actions{flex-direction:column;gap:1.2rem}.interactive-map__btn{width:100%;justify-content:center;padding:1.4rem 2.4rem;font-size:1.6rem;min-height:4.8rem}}@media (max-width: 480px){.interactive-map{padding:1.6rem 0}.interactive-map__hint{top:1.2rem;right:1.2rem;padding:.6rem 1rem;border-radius:1.2rem}.interactive-map__hint-text{font-size:1.1rem}.villager-card__name{font-size:2.2rem;line-height:1.2}.villager-card__title{font-size:1.6rem}.villager-card__role{font-size:1.4rem}.villager-card__story{font-size:1.5rem;line-height:1.5}.villager-card__photo{aspect-ratio:2 / 3;margin:0 1.2rem;width:calc(100% - 2.4rem)}.interactive-map__pin-btn{font-size:1.1rem;padding:.6rem 1.2rem;min-height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-garden-interactive-map.css.map */