/* ==========================================================================
   FastSolve, ESSAI de couche 3D sur l'écran d'accueil (fichier parallèle).
   Rien n'est écrit en ligne : la politique de sécurité du site interdit le
   style en ligne, tout passe par ce fichier et par des classes.
   Le balisage de la page n'est pas modifié : le canevas est inséré par
   hero3d.js en premier enfant de .experience-gate, derrière le contenu.
   ========================================================================== */

.hero3d-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
}

.experience-gate.hero3d-actif {
  overflow: hidden;
}

/* Le contenu existant passe devant le canevas, sans autre changement. */
.experience-gate.hero3d-actif > :not(.hero3d-canvas) {
  position: relative;
  z-index: 1;
}

/* Léger halo derrière le titre pour garder la lisibilité quoi qu'il se passe
   derrière (particules, reflets). */
.experience-gate.hero3d-actif #experience-title {
  text-shadow: 0 2px 26px rgba(16, 33, 41, 0.75);
}

/* Le canevas assombrit très légèrement le bas de l'écran pour que les
   cartes et les arguments gardent leur contraste d'origine. */
.experience-gate.hero3d-actif::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 55%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(16, 33, 41, 0) 0%, rgba(16, 33, 41, 0.55) 100%);
}