/* Fond champ de fleurs (image fixe, aucune animation) : continuite visuelle avec la landing.
   html porte la couleur de base, body est transparent, body::before (fixe, z-index -1) porte
   l'image + un voile degrade : lisible en haut, nuit en bas pour le confort de lecture. */
html{background:#070d16 !important}
body{background:transparent !important}
body::before{
  content:"";
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1100px 620px at 50% -8%, rgba(238,59,48,0.10), transparent 60%),
    radial-gradient(900px 600px at 100% 100%, rgba(62,121,184,0.16), transparent 55%),
    linear-gradient(180deg, rgba(7,13,22,.42) 0%, rgba(7,13,22,.78) 55%, rgba(7,13,22,.97) 100%),
    url("assets/flower-field-poster.jpg?v=4") center 40% / cover no-repeat;
}
@media (max-width:760px){
  body::before{ background-position:0 0, 100% 100%, 0 0, 62% 40%; }
}

/* Lexique : .stage (conteneur pleine hauteur) posait un fond opaque #070d16 par-dessus l'image.
   On garde ses teintes rouge/bleu, on retire la couche opaque. */
@media screen {
  .stage{
    background:
      radial-gradient(ellipse at 18% 12%, rgba(238,59,48,0.10), transparent 55%),
      radial-gradient(ellipse at 82% 18%, rgba(62,121,184,0.10), transparent 50%),
      radial-gradient(ellipse at 75% 88%, rgba(225,37,27,0.08), transparent 55%),
      radial-gradient(ellipse at 25% 80%, rgba(31,86,137,0.10), transparent 55%) !important;
  }
}