@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');

body { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif; }
[x-cloak] { display: none !important; }

/* Animasi Hotspot Pulsing */
@keyframes custom-ping {
    0% { transform: scale(1); opacity: 1; }
    75%, 100% { transform: scale(2.8); opacity: 0; }
}
.animate-hotspot-ping {
    animation: custom-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* Kustomisasi Tampilan Swiper */
.swiper-slide { opacity: 0.4; transition: opacity 0.6s ease; filter: grayscale(20%); }
.swiper-slide-active { opacity: 1; filter: grayscale(0%); }

/* Glassmorphism untuk Popup */
.glass-morphism {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}