x

apps/website/src/app/globals.css

@@ -214,6 +214,10 @@
     z-index: 1;
   }
 
+  .site-footer-stage {
+    @apply relative;
+  }
+
   .site-footer-brand-finale {
     @apply flex min-h-[55svh] items-center justify-center overflow-hidden border-t border-line-primary/20 bg-surface-page px-6 py-20 text-center;
   }
@@ -240,13 +244,21 @@
     }
 
     .site-footer-with-finale {
-      padding-top: 100svh;
+      min-height: 100svh;
+    }
+
+    .site-footer-stage {
+      position: fixed;
+      inset: 0;
+      z-index: 0;
+      display: grid;
+      grid-template-rows: minmax(0, 1fr) auto;
+      min-height: 100svh;
+      pointer-events: none;
     }
 
     .site-footer-brand-finale {
-      @apply fixed inset-0 min-h-[100svh] py-24;
-      z-index: 0;
-      pointer-events: none;
+      @apply min-h-0 py-16;
     }
 
     .site-footer-finale-logo {
@@ -256,15 +268,20 @@
     .site-footer-finale-wordmark {
       @apply text-8xl;
     }
+
+    .site-footer-navigation {
+      pointer-events: auto;
+    }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .site-footer-brand-finale {
+    .site-footer-stage {
       position: relative;
+      display: block;
     }
 
     .site-footer-with-finale {
-      padding-top: 0;
+      min-height: 0;
     }
   }