* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Playfair Display', serif; }

/* ===== SCROLL REVEAL (KEPT) ===== */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}
.reveal-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal-left.active {
  opacity: 1;
  transform: translateX(0);
}
.reveal-right {
  opacity: 0;
  transform: translateX(60px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.reveal-right.active {
  opacity: 1;
  transform: translateX(0);
}

/* ===== HERO (no grain, no backdrop-blur) ===== */
.hero-bg {
  background: linear-gradient(135deg, rgba(30,51,16,0.85) 0%, rgba(45,80,22,0.7) 50%, rgba(196,98,45,0.4) 100%),
              url('assets/mango2.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Hero fade-up animation (only on load) */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

/* Bounce animation for scroll indicator */
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}
.animate-bounce {
  animation: bounce 1s infinite;
}

/* Floating animation for scroll indicator container */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.animate-float {
  animation: float 3s ease-in-out infinite;
}

/* ===== NAVBAR (solid, no blur) ===== */
.nav-scrolled {
  background: #1e3310 !important;
  box-shadow: 0 4px 30px rgba(0,0,0,0.2);
}

/* ===== MOBILE MENU (solid) ===== */
.mobile-menu {
  transform: translateX(100%);
  transition: transform 0.4s ease;
  background: #1e3310;
}
.mobile-menu.open {
  transform: translateX(0);
}

/* ===== SIMPLE HOVER EFFECTS (no transforms) ===== */
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
}

/* ===== GALLERY FILTER ACTIVE ===== */
.tab-active {
  background: #2d5016;
  color: white;
}

/* ===== TEXT GRADIENT (kept for hero headline) ===== */
.text-gradient {
  background: linear-gradient(135deg, #4d8224, #d4a843);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== CUSTOM SCROLLBAR ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1e3310; }
::-webkit-scrollbar-thumb { background: #4d8224; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6fa83e; }