/* Gabarit "simple" des projets : reprend les styles inline des pages W4L, LOG MED, INTEGR'ACTION et SPEED Africa.
   La couleur vient des champs du projet via --pj-color / --pj-color-dark sur <main>. */
.pj-simple { --pj-color: #004595; --pj-color-dark: #002b5c; }
.pj-simple .pjs-hero { background: linear-gradient(135deg, var(--pj-color), var(--pj-color-dark)); padding: 100px 5%; color: #fff; text-align: center; }
.pj-simple .pjs-hero-logo { max-height: 120px; width: auto; height: auto; margin-bottom: 20px; }
.pj-simple .pjs-hero-logo--small { max-height: 80px; }
.pj-simple .pjs-hero h1 { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; margin-bottom: 10px; }
.pj-simple .pjs-hero p { font-size: 1.1rem; max-width: 700px; margin: 0 auto; opacity: 0.9; }
.pj-simple .pjs-brand-bar { display: flex; align-items: center; justify-content: center; gap: 40px; padding: 40px 5%; flex-wrap: wrap; background: #f7fafc; }
.pj-simple .pjs-brand-logo { max-height: 60px; width: auto; height: auto; }
.pj-simple .pjs-brand-text { color: #4a5568; font-weight: 600; font-size: 0.95rem; }
.pj-simple .pjs-content { padding: 80px 5%; max-width: 1200px; margin: 0 auto; }
.pj-simple .pjs-content h2 { font-size: 1.8rem; color: var(--pj-color); margin-bottom: 20px; }
.pj-simple .pjs-content p { font-size: 1rem; line-height: 1.8; color: #4a5568; }
.pj-simple .pjs-stats { display: flex; gap: 40px; margin: 40px 0; flex-wrap: wrap; }
.pj-simple .pjs-stat { text-align: center; }
.pj-simple .pjs-stat-num { font-size: 2.5rem; font-weight: 900; color: var(--pj-color); display: block; }
.pj-simple .pjs-stat-label { font-size: 0.85rem; color: #718096; text-transform: uppercase; letter-spacing: 1px; }
.pj-simple .ev-gallery-section { background: #f7fafc; }