Add fade up effects

web/styles/globals.css

@@ -563,6 +563,28 @@ ol > li::marker {
   animation: profile-appear 0.7s ease-out;
 }
 
+/* Home hero entrance */
+@keyframes fade-up {
+  from {
+    opacity: 0;
+    transform: translateY(18px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.animate-fade-up {
+  animation: fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .animate-fade-up {
+    animation: none;
+  }
+}
+
 .guidance {
   opacity: 0.7;
   font-size: 14px;