/* ============================================================
   CARE INITIATIVE — ANIMATIONS
   ============================================================ */

/* Mobile nav open state */
.main-nav.nav-open {
  display: flex !important;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  padding: 20px 24px 30px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.12);
  z-index: 999;
  animation: slideDown 0.3s ease;
}

.main-nav.nav-open ul {
  flex-direction: column;
  gap: 6px;
}

.main-nav.nav-open a {
  padding: 12px 0;
  border-bottom: 1px solid #f0f0ed;
  font-size: 16px;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Header scrolled state */
.site-header.scrolled {
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.revealed {
  opacity: 1;
  transform: translateY(0);
}