From 34915b9459a5798cadf8bd26ca4277861f6b50a1 Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Wed, 10 Dec 2025 12:32:20 -0500
Subject: [PATCH] Lower firefly/seed layer under cards

---
 assets/style.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 1a8f816..745f347 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -238,7 +238,7 @@ h1 {
     margin: 0 auto;
     padding: 1.5rem 1.25rem calc(120px + env(safe-area-inset-bottom, 0px));
     position: relative;
-    z-index: 1; /* Keep cards above background but below flying effects */
+    z-index: 1; /* Keep cards above background */
     flex: 1;
 }
 
@@ -264,6 +264,7 @@ h1 {
     box-shadow: var(--shadow);
     transition: background-color 0.3s;
     border: 1px solid var(--border);
+    z-index: 10;
 }
 
 .project-header {
@@ -542,7 +543,7 @@ button:active { transform: scale(0.97); box-shadow: none; }
     width: 28px;
     height: 28px;
     animation: fireflyGlide var(--fly-duration, 14s) linear forwards;
-    z-index: 5; /* Float above content but below header */
+    z-index: 0; /* Drift beneath page content */
     pointer-events: none;
 }
 .firefly {
@@ -561,7 +562,7 @@ button:active { transform: scale(0.97); box-shadow: none; }
     width: 36px;
     height: 36px;
     animation: seedGlide var(--seed-duration, 16s) linear forwards;
-    z-index: 5;
+    z-index: 0;
     pointer-events: none;
 }
 .seed {