/** * SkwidInk — Deep Reef animated background. * Pin the canvas behind everything else; keep page content on its own stacking layer. */ #reef-bg { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; z-index: 0; pointer-events: none; /* let clicks fall through */ background: #0F1F1C; /* fallback before JS paints */ } /* Make sure any direct child of sits above the canvas without needing z-index plumbing. If your existing markup already creates a stacking context, you can ignore this rule. */ body > *:not(#reef-bg) { position: relative; z-index: 1; }