From 8101a9f1568849d666607fb91b47abffde7bdac5 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Thu, 29 Jan 2026 15:11:04 +0100
Subject: [PATCH] reveal

---
 styles/globals.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index d50d72c7..f526a41a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -51,12 +51,12 @@
     to { transform: scale(1.1); }
   }
   @keyframes reveal {
-    from { opacity: 0; transform: translateY(30px); }
-    to { opacity: 1; transform: translateY(0); }
+    from { opacity: 0; transform: translateY(20px); filter: blur(8px); }
+    to { opacity: 1; transform: translateY(0); filter: blur(0); }
   }
   @keyframes slight-fade-in-from-bottom {
-    from { opacity: 0; transform: translateY(15px); }
-    to { opacity: 1; transform: translateY(0); }
+    from { opacity: 0; transform: translateY(10px); filter: blur(4px); }
+    to { opacity: 1; transform: translateY(0); filter: blur(0); }
   }
 }
 
@@ -166,16 +166,16 @@
 
 @utility reveal-on-scroll {
   opacity: 0;
-  transform: translateY(40px) scale(0.95) rotate(-2deg);
-  filter: blur(12px);
+  transform: translateY(20px);
+  filter: blur(8px);
   transition:
-    opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-    transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-    filter 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    opacity 0.6s ease-out,
+    transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
+    filter 0.8s cubic-bezier(0.16, 1, 0.3, 1);
   
   &.is-visible {
     opacity: 1;
-    transform: translateY(0) scale(1) rotate(0deg);
+    transform: translateY(0);
     filter: blur(0);
   }