/* =========================================================
   Hero 3D Scene — WebGL Container Styles
   ========================================================= */

.hero-3d-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.hero-3d-container canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

/* Hide fallback image when 3D scene is active */
.hero-3d-container~.hero_backup-image {
    display: none;
}