/* =====================================================
   animations.css  -  SIRF scroll animation (additive)
   Is file me purani style.css ka kuch change nahi hai.
   Saari classes "mpa-" se shuru hoti hain, taaki
   purani classes se kabhi na takraye.
   ===================================================== */

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

/* Screen me aane se pehle (JS lagata hai) */
.mpa-hide {
    opacity: 0;
}

/* Screen me aate hi (JS lagata hai, animation khatam hote hi hata deta hai) */
.mpa-in {
    animation: mpaFadeUp 0.6s ease backwards;
    animation-delay: var(--mpa-delay, 0ms);
}

/* Jinko "reduce motion" on hai ya print kar rahe hain: sab seedha dikhe */
@media (prefers-reduced-motion: reduce) {
    .mpa-hide { opacity: 1; }
    .mpa-in   { animation: none; }
}
@media print {
    .mpa-hide { opacity: 1; }
    .mpa-in   { animation: none; }
}