/* home-canvas.css — Premium Canvas Background (ONLY inside Home Hero .home-container) */

.home-hero .home-container {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    /* clean stacking context */
}

/* Canvas wrap sits behind hero content but INSIDE the container */
.home-hero .home-canvas-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    /* IMPORTANT: not -1 */
    pointer-events: none;
    overflow: hidden;
    border-radius: inherit;
}

/* Canvas fills the wrap */
.home-hero .home-canvas-wrap>canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Ensure hero content stays above the canvas */
.home-hero .home-container> :not(.home-canvas-wrap) {
    position: relative;
    z-index: 1;
}

/* Optional premium glow wash (very subtle) */


/* You can keep this div in HTML, but it's not needed */
.home-hero .home-canvas-noise {
    display: none;
}