Smooth header safe-area blend

2026-05-15 20:28:53 -05:00
parent 0462f57c10
commit a85519d572
1 changed files with 10 additions and 1 deletions
--- a/src/style.css
+++ b/src/style.css
@@ -82,7 +82,16 @@ body.menu-open {
 .intro-header {
  z-index: 2000;
  animation: rise-in 900ms cubic-bezier(0.19, 1, 0.22, 1) 700ms both;
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0));
+  background:
+    linear-gradient(
+      to bottom,
+      #0a0a0a 0%,
+      rgba(10, 10, 10, 0.98) 18%,
+      rgba(10, 10, 10, 0.78) 42%,
+      rgba(10, 10, 10, 0.36) 70%,
+      rgba(10, 10, 10, 0) 100%
+    );
+  padding-bottom: clamp(2.75rem, 8vw, 7rem);
  pointer-events: none;
 }