/* Page Projets — valeurs relevées sur _extraction/data/projets.json (1440px).
   Wix met la page à l'échelle de la largeur au-dessus de 1024px : les tailles
   de bloc sont donc en vw (x/1440), les paliers en dessous sont fixes. */

/* --- Section titre : 111 -> 506, bloc texte à 212, large de 618 --- */

.rmb-projets-intro {
  padding-top: 7.01vw;    /* 101px */
  padding-bottom: 7.08vw; /* 102px */
}

.rmb-projets__titre {
  max-width: 42.92vw;     /* 618px */
  margin: 1.8vw 0 0;      /* surtitre à 212, titre à 248 */
  font-size: 4.1667vw;    /* 60px */
  line-height: 1.3;       /* 78 / 60 */
  letter-spacing: normal;
}

/* --- Grille : 3 colonnes de 440 + 2 gouttières de 10, dans 1340 --- */

.rmb-projets__liste {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.694vw;    /* 10px */
  row-gap: 8.19vw;        /* 118px */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Le vide sous la dernière rangée fait partie de la maquette d'origine :
   la grille Wix garde une hauteur de ligne fixe (482px restants sur 1334). */
.rmb-projets-grille { padding-bottom: 33.47vw; }

.rmb-projet__lien {
  display: block;
  text-decoration: none;
}

.rmb-projet__cadre {
  display: block;
  overflow: hidden;
}

.rmb-projet__image {
  width: 100%;
  transition: transform .5s var(--rmb-courbe);
  aspect-ratio: 440 / 330;
  object-fit: cover;
}

.rmb-projet__libelle {
  display: block;
  margin-top: 15px;
  text-align: center;
}

@media (max-width: 1023px) {
  .rmb-projets__titre { font-size: 40px; max-width: 70vw; }
}

@media (max-width: 834px) {
  /* Relevé mobile (390px) : bloc texte large de 347, vignettes 350x263,
     une seule colonne. Les gouttières verticales restent celles de la grille
     Wix, d'où une page très haute — signalé, à arbitrer avec le client. */
  .rmb-conteneur--plein { padding: 0 20px; }

  .rmb-projets-intro {
    padding-top: 43px;
    padding-bottom: 43px;
  }

  .rmb-projets__titre {
    max-width: none;
    margin-top: 12px;
    font-size: 26px;
    line-height: 1.5;
  }

  .rmb-projets__liste {
    grid-template-columns: 1fr;
    row-gap: 96px;
  }

  .rmb-projets-grille { padding-bottom: 40px; }
}

/* Palier hors relevé (le site d'origine n'a été mesuré qu'à 390 et 1440) :
   sans lui, la grille passe de 3 colonnes à 1 dès 834px, avec des vignettes
   de 794px de large et une page de 5591px. */
@media (min-width: 560px) and (max-width: 834px) {
  .rmb-projets__liste {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    row-gap: 56px;
  }
}