/* =====================================================
   AkashGanga Group — animations.css
   ===================================================== */

/* ── Scroll reveal ────────────────────────────────── */
.rev{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.rev.in{opacity:1;transform:none}
.rev-l{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.rev-l.in{opacity:1;transform:none}
.rev-r{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.rev-r.in{opacity:1;transform:none}
.rev-sc{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease}
.rev-sc.in{opacity:1;transform:none}
.reveal-enabled .rev:not(.in){opacity:0;transform:translateY(28px)}
.reveal-enabled .rev-l:not(.in){opacity:0;transform:translateX(-28px)}
.reveal-enabled .rev-r:not(.in){opacity:0;transform:translateX(28px)}
.reveal-enabled .rev-sc:not(.in){opacity:0;transform:scale(.94)}

/* Stagger delays */
.d1{transition-delay:.08s}
.d2{transition-delay:.16s}
.d3{transition-delay:.24s}
.d4{transition-delay:.32s}
.d5{transition-delay:.40s}

/* ── Hero entrance ────────────────────────────────── */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:none}
}
.hero-content .sec-label{animation:fadeUp .8s ease .25s both}
.hero-content h1{animation:fadeUp .9s ease .40s both}
.hero-content .hero-tagline{animation:fadeUp .8s ease .54s both}
.hero-content .hero-stats{animation:fadeUp .8s ease .66s both}
.hero-content .hero-actions{animation:fadeUp .8s ease .78s both}

/* Navbar elevation lives in style.css with the rest of the glass treatment,
   so nothing is redefined here. */

/* ── Burger animation ─────────────────────────────── */
.nav-burger{transition:opacity .2s}

/* ── Page fade in ─────────────────────────────────── */
@keyframes pageFade{from{opacity:0}to{opacity:1}}
body{animation:pageFade .4s ease}

/* ── Eco card tilt ────────────────────────────────── */
.ecosystem-item{
  perspective:700px;
}

/* ── Reduced motion ───────────────────────────────── */
@media (prefers-reduced-motion: reduce){
  .rev,.rev-l,.rev-r,.rev-sc{opacity:1;transform:none;transition:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
