/**
 * 3D Scene Styles
 * Positions the canvas behind the hero content
 */

.intro {
    position: relative;
    overflow: hidden;
    /* Ensure 3D elements don't cause scrollbars */
    z-index: 1;
}

#canvas-container,
#canvas-container-construction,
#canvas-container-publicite,
#canvas-container-sante {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /* Place behind text */
    opacity: 0.6;
    /* Slight transparency to not overpower text */
    pointer-events: none;
    /* Let clicks pass through to content */
}

/* Ensure content is readable */
.intro .container {
    position: relative;
    z-index: 2;
}

/* Add a subtle gradient overlay to help text readability */
.intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.4) 100%);
    z-index: 0;
    pointer-events: none;
}