From 487b8bb268f74ddb65078402e52b1a20c376c639 Mon Sep 17 00:00:00 2001
From: Avery Felts <averyfelts@Averys-MacBook-Air.local>
Date: Wed, 28 Jan 2026 00:04:15 -0700
Subject: [PATCH] Speed up header fog and fix startup delay

---
 public/smoke.svg    |  6 +++---
 src/app/globals.css | 15 ++++++++-------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/public/smoke.svg b/public/smoke.svg
index 06a0921..03d5e17 100644
--- a/public/smoke.svg
+++ b/public/smoke.svg
@@ -2,10 +2,10 @@
   <filter id="noiseFilter">
     <feTurbulence 
       type="fractalNoise" 
-      baseFrequency="0.015" 
-      numOctaves="5" 
+      baseFrequency="0.04" 
+      numOctaves="6" 
       stitchTiles="stitch" />
-     <feColorMatrix type="matrix" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  1.5 0 0 -0.2 0"/>
+     <feColorMatrix type="matrix" values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  1.8 0 0 -0.4 0"/>
   </filter>
   <rect width="100%" height="100%" filter="url(#noiseFilter)"/>
 </svg>
diff --git a/src/app/globals.css b/src/app/globals.css
index 2ef788b..c546ea0 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -584,24 +584,25 @@
   }
 
   100% {
-    background-position: 500px 0;
+    background-position: 1000px 500px;
   }
 }
 
 .fog-layer-1 {
   background-image: url('/smoke.svg');
   background-repeat: repeat;
-  background-size: 300px 300px;
-  animation: fog-drift 30s linear infinite;
+  background-size: 400px 400px;
+  animation: fog-drift 15s linear infinite;
   opacity: 0.8;
-  filter: blur(20px);
+  filter: blur(15px);
 }
 
 .fog-layer-2 {
   background-image: url('/smoke.svg');
   background-repeat: repeat;
-  background-size: 250px 250px;
-  animation: fog-drift 20s linear infinite reverse;
+  background-size: 350px 350px;
+  animation: fog-drift 10s linear infinite reverse;
+  animation-delay: -5s;
   opacity: 0.6;
-  filter: blur(15px);
+  filter: blur(10px);
 }
\ No newline at end of file