/* Background Engine - Restricted to Hero */
.ethereal-bg {
    position: absolute; /* Changed from fixed to absolute */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Restricted to hero height */
    z-index: -1;
    pointer-events: none;
    background: #0a0a0f;
    overflow: hidden;
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

body {
    background: #0a0a0f; /* Dark background for the rest of the site */
}

#bg-canvas {
    width: 100%;
    height: 100%;
    display: block;
}