/* animations.css */
@keyframes fadeInUp   { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }
@keyframes fadeInLeft { from { opacity:0; transform:translateX(-30px); } to { opacity:1; transform:translateX(0); } }
@keyframes fadeIn     { from { opacity:0; } to { opacity:1; } }

.reveal { opacity:0; transform:translateY(30px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
[data-delay="1"]{animation-delay:.1s}[data-delay="2"]{animation-delay:.2s}
[data-delay="3"]{animation-delay:.3s}[data-delay="4"]{animation-delay:.4s}[data-delay="5"]{animation-delay:.5s}