/* =============================================
   Constellation Canvas — Hero Section Overlay
   ============================================= */

.constellation-container {
    position: relative;
    overflow: hidden;
}

/* Hero content sits above the canvas */
.constellation-container .hero-content-overlay {
    position: relative;
    z-index: 2;
}

/* Buttons/links inside the overlay remain clickable */
.constellation-container .hero-content-overlay a,
.constellation-container .hero-content-overlay button {
    pointer-events: auto;
}

/* The canvas fills the entire constellation container */
#constellation-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}