fix: restore hero animations in tailwind v4 on 2.2.95

app/globals.css

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