/* HALO GÉANT ORANGE – home seulement */
.site-content {
  overflow: hidden;
}
body #cursor-glow {
  position: fixed;
  top: 0; left: 0;
  width: 76vw;              /* très large (peux monter à 1400–1600) */
  height: 66vw;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  will-change: transform;

  /* Dégradé circulaire inspiré du halo */
  background: 
    radial-gradient(circle at center, #EB661A 0%, rgba(235,102,26,0) 70%),
    radial-gradient(circle at center, #ef7b41 20%, #be1622 50%),
    radial-gradient(circle at center, #be1622 50%, rgba(0, 0, 0, 0) 100%);

  filter: blur(150px);        /* diffusion douce et large */
  opacity: 0;                 /* devient visible au 1er move */
}

body #cursor-glow-absolute {
  position: absolute;
  top: 0; left: 0;
  width: 76vw;              /* très large (peux monter à 1400–1600) */
  height: 66vw;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  will-change: transform;

  /* Dégradé circulaire inspiré du halo */
  background: 
    radial-gradient(circle at center, #EB661A 0%, rgba(235,102,26,0) 70%),
    radial-gradient(circle at center, #ef7b41 20%, #be1622 50%),
    radial-gradient(circle at center, #be1622 50%, rgba(0, 0, 0, 0) 100%);

  filter: blur(150px);        /* diffusion douce et large */
  opacity: 0;                 /* devient visible au 1er move */
}

/* Grain texturé plus prononcé */
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* inset: 0; */
  pointer-events: none;
  background-repeat: repeat;
  /* background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjEyMDAiIGZpbGw9IndoaXRlIi8+PGZpbHRlciBpZD0iZyI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOCIgbnVtT2N0YXZlcz0iMTAwIi8+PC9maWx0ZXI+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iMTIwMCIgZmlsdGVyPSJ1cmwoI2cpIiBmaWxsPSJibGFjayIvPjwvc3ZnPg=="); */
  /* background-image: url("../pattern-noise.webp"); */
  /* background-position: center, center; */
  /* background-size: cover; */
  mix-blend-mode: overlay; /* tu peux tester multiply / soft-light */
  opacity: 0.9; 
            /* intensité maximale */
  /* filter: contrast(1.3) brightness(0.8);  renforce le contraste du grain */
}

/* Options */
/* Mobile & tablette : halo statique, légèrement à gauche */
@media (max-width: 1024px) {
  body #cursor-glow { display: none !important; }

  body #cursor-glow-absolute {
    display: block;
    position: fixed;
    /* Décalage "un peu à gauche" */
    left: -12vw;        /* ajuste entre -8vw et -20vw selon ton design */
    top: 10vh;          /* ajuste entre 20vh et 40vh */
    transform: none;    /* pas de centrage ici */

    /* Taille un peu plus grande pour couvrir la zone visible */
    width: 120vw;
    height: 120vw;

    /* Rendu */
    opacity: 0.55;      /* visible par défaut sur mobile */
    filter: blur(120px);
    pointer-events: none;
  }
}