/* ============================================
   Dark Scene — WebGL (Three.js)
   Scène 3D procédurale, pas de frames pré-rendues.

   /!\ Ne surtout PAS imposer de `position` ni dimensions sur [data-dark-scene]
   ici : la position/inset/height sont définies par le conteneur hôte
   (.c2s-accueil-hero__bg). Toute règle sur `position` entrerait en conflit
   avec accueil.css (même spécificité) et écraserait `position: absolute`,
   faisant chuter les dimensions à 0 × 0.
   ============================================ */
[data-dark-scene] {
    isolation: isolate;
}

.c2s-dark-scene__canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    transition: opacity 600ms var(--ease-out-expo, cubic-bezier(0.16, 1, 0.3, 1));
    pointer-events: none;
}

[data-dark-scene].is-ready .c2s-dark-scene__canvas {
    opacity: 1;
}