From 1b19f531facca673fe61cc57cc76bc33fd187fbd Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Mon, 8 Jun 2026 23:47:35 +0200
Subject: [PATCH] Add fade up effects

---
 web/styles/globals.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/web/styles/globals.css b/web/styles/globals.css
index afacbbe1..b79d4840 100644
--- a/web/styles/globals.css
+++ b/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;