/* =========================================================
   HOME.CSS (page accueil uniquement)
   - Hero
   - Presentation section
   - Infrastructure grid
   - Galerie preview (si spécifique à l’accueil)
   - Ajustements responsive spécifiques
   ========================================================= */


    /* ===== HERO SECTION ===== */
    .hero{
      position: relative;
      min-height: 520px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }

    .hero-bg{
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .hero-bg img{
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .hero-overlay{
      position: absolute;
      inset: 0;
      background: linear-gradient(
        90deg,
        rgba(0,0,0,0.65) 0%,
        rgba(0,0,0,0.35) 45%,
        rgba(0,0,0,0.15) 100%
      );
      z-index: 1;
    }

    .hero .container{
      position: relative;
      z-index: 2;
    }

    .hero h1,
    .hero p{
      color: #fff;
    }

    .hero p{
      max-width: 520px;
      opacity: 0.95;
    }