From 6fb46278e0222448310171f2df0b3a5ea7184d3b Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 3 Jul 2026 12:21:43 +0200
Subject: [PATCH] fix: restore hero animations in tailwind v4 on 2.2.95

---
 app/globals.css | 44 ++++++++++++++++++++------------------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 7498e076b..dff655ad6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -88,34 +88,30 @@
 }
 /* trigger rebuild */
 
-@layer utilities {
-  @keyframes hero-fade-in-up {
-    from {
-      opacity: 0;
-      transform: translateY(30px);
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
+@keyframes hero-fade-in-up {
+  from {
+    opacity: 0;
+    transform: translateY(30px);
   }
-  
-  .animate-hero-fade-in-up {
-    animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
 }
 
-@layer utilities {
-  @keyframes hero-zoom-out {
-    from {
-      transform: scale(1.05);
-    }
-    to {
-      transform: scale(1);
-    }
+@utility animate-hero-fade-in-up {
+  animation: hero-fade-in-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+@keyframes hero-zoom-out {
+  from {
+    transform: scale(1.05);
   }
-  
-  .animate-hero-zoom-out {
-    animation: hero-zoom-out 1.5s ease-out forwards;
+  to {
+    transform: scale(1);
   }
 }
+
+@utility animate-hero-zoom-out {
+  animation: hero-zoom-out 1.5s ease-out forwards;
+}