/* =========================
   PAGE PROJETS
========================= */

.page-projets {
  background:#fff;
}

/* HERO */
.projets-hero {
  background:#1f6fd6;
  color:#000;
  padding:60px 0;
}

.projets-hero h1 {
  font-size:42px;
  font-weight:800;
}

/* INTRO */
.projets-intro {
  background:#0c1b2a;
  color:#fff;
  padding:40px 0;
}

.projets-intro p {
  max-width:900px;
  line-height:1.6;
}

/* BLOCS IMAGE / TEXTE */
.projet-bloc {
  background:#ff9800;
  padding:60px 0;
}

.projet-bloc.alt {
  background:#ff9800;
}

.projet-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

.projet-grid.reverse {
  direction: rtl;
}

.projet-grid.reverse > * {
  direction: ltr;
}

.projet-image img {
  width:100%;
  border-radius:6px;
}

.projet-texte h3 {
  margin-bottom:10px;
}

/* CARTES */
.projets-cards {
  background:#0c1b2a;
  color:#fff;
  padding:70px 0;
}

.projets-cards h2 {
  text-align:center;
  font-size:36px;
  margin-bottom:40px;
}

.cards-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

.projet-card {
  background:#fff;
  color:#000;
  border-radius:18px;
  overflow:hidden;
}

.card-header {
  padding:14px;
  font-weight:700;
  color:#fff;
  text-align:center;
}

.card-header.red {
  background:#c62828;
}

.card-header.navy {
  background:#ff4800;
}

.card-body {
  padding:20px;
}

.card-cost {
  margin-top:16px;
  background:#0bbcd6;
  color:#fff;
  padding:10px;
  text-align:center;
  border-radius:999px;
}

/* BANDE ARGUMENTAIRE */
.projets-argument {
  background:#ffd6e5;
  padding:40px 0;
  text-align:center;
}

.projets-argument p {
  max-width:900px;
  line-height:1.6;
  font-size:18px;
  font-weight:600;
}

/* RESPONSIVE */
@media (max-width:900px){
  .projet-grid {
    grid-template-columns:1fr;
  }

  .projet-grid.reverse {
    direction:ltr;
  }
}