/* ==========================================================================
   Constellation Network Master Layer Configuration
   ========================================================================== */

#cellular-canvas {
    position: fixed !important; 
    top: 0;
    left: 0;
    width: 100vw;
    height: 100dvh; 
    /* Pulled back up to 1 so it sits IN FRONT of your body background, 
       but BEHIND your text (which is at 10) */
    z-index: 1 !important; 
    pointer-events: none !important; 
    background: transparent !important; 
}

/* Push layout content in front of the canvas */
.scroll-viewport, 
footer,
.hero-section,
main {
    position: relative;
    z-index: 10 !important; /* Guaranteed to sit in front of the canvas */
    pointer-events: auto; /* Ensures you can click things inside main */
}

/* Guarantee Navigation Header sits above EVERYTHING */
header, .site-header {
    /* Notice: No "position" declared here, so it uses your original layout 
       and won't push the text down anymore! */
    z-index: 9999 !important; 
    pointer-events: auto !important; 
}

/* Subtle dark shield so white text stays readable over the network lines */
section {
    position: relative;
    background: rgba(10, 10, 12, 0.4) !important; 
    z-index: 10 !important;
}