🐞 fix: Update styles for proper background

2026-08-18 16:37:55 -05:00
parent 81547254fc
commit d4df6d8678
12 changed files with 401 additions and 456 deletions
@@ -84,12 +84,17 @@ main#maincontent {
 .embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
 .embed iframe, .embed object, .embed embed, .embed video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

-/* Carbon Blue atmospheric field (decorative — content must sit in z-index: 1) */
+/* Carbon Blue atmospheric field — rendered once globally (in header.php)
+ * as a fixed-position layer behind all content. Decorative only; content
+ * stays clickable thanks to pointer-events: none. The body carries
+ * `background-color: #100e0b` so the gradient's mix-blend-mode layers
+ * have something to composite against. */
 .aura-bg {
-	position: relative;
+	position: fixed;
+	inset: 0;
+	z-index: -1;
+	pointer-events: none;
 	overflow: hidden;
-	min-height: 100vh;
-	isolation: isolate;
 }

 .aura-layer-1 {