/* ============================================
   ANIMATIONS — Minimal, no color effects
   ============================================ */

/* Subtle zone entrance */
@keyframes zone-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.zone {
  animation: zone-fade-in 0.5s ease both;
}
.zone--name   { animation-delay: 0.05s; }
.zone--info   { animation-delay: 0.15s; }
.zone--main   { animation-delay: 0.0s; }
.zone--nav    { animation-delay: 0.1s; }
.zone--social { animation-delay: 0.2s; }