/* ── Animations globales (miroir exact du <style> React) ── */
html { scroll-behavior: smooth; }

.fade-up           { animation: fadeUp 1s ease forwards; }
.fade-up-delayed   { opacity:0; animation: fadeUp 1s ease forwards; animation-delay:0.4s; }
.fade-up-delayed-2 { opacity:0; animation: fadeUp 1s ease forwards; animation-delay:0.8s; }
.fade-up-delayed-3 { opacity:0; animation: fadeUp 1s ease forwards; animation-delay:1.2s; }

@keyframes fadeUp {
  from { opacity:0; transform:translateY(60px); }
  to   { opacity:1; transform:translateY(0);    }
}

.animate-slowZoom { animation: slowZoom 18s ease-in-out infinite alternate; }
@keyframes slowZoom {
  from { transform: scale(1.05); }
  to   { transform: scale(1.15); }
}

.premium-card { transition: all 0.6s ease; }
.premium-card:hover { transform: translateY(-15px) scale(1.02); box-shadow: 0 30px 80px rgba(0,0,0,0.18); }

@keyframes originPulse {
  0%, 100% { opacity:0.7; transform:scale(1);   }
  50%       { opacity:0.1; transform:scale(1.6); }
}

@keyframes pulseDot {
  0%, 100% { opacity:1;   transform:scale(1);   }
  50%       { opacity:0.3; transform:scale(1.4); }
}

/* Navbar active link */
.nav-link.active { background:#8B5E34; color:#fff; }