.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in-view { opacity: 1; transform: translateY(0); }
.hero h1, .hero .lead, .hero-actions { animation: rise .8s ease both; }
.hero .lead { animation-delay: .08s; }
.hero-actions { animation-delay: .16s; }
@keyframes rise {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}