.galerie-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 300px 220px;
  gap: 10px;
}

/* Positionnement des cartes */
.galerie-item:nth-child(1) { grid-column: 1/5;  grid-row: 1/2; }
.galerie-item:nth-child(2) { grid-column: 5/9;  grid-row: 1/2; }
.galerie-item:nth-child(3) { grid-column: 9/13; grid-row: 1/2; }
.galerie-item:nth-child(4) { grid-column: 1/4;  grid-row: 2/3; }
.galerie-item:nth-child(5) { grid-column: 4/8;  grid-row: 2/3; }
.galerie-item:nth-child(6) { grid-column: 8/13; grid-row: 2/3; }

/* Carte */
.galerie-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Image placeholder */
.galerie-img {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 12px;
  color: rgba(0,0,0,.2);
  transition: transform 0.55s cubic-bezier(.25,.46,.45,.94);
}
.galerie-item:hover .galerie-img {
  transform: scale(1.05);
}

/* Couleurs de fond — remplacer par vos photos */
.gi-1 { background: linear-gradient(140deg, #e8b0bb, #c4637a); }
.gi-2 { background: linear-gradient(140deg, #c4637a, #a0293f); }
.gi-3 { background: linear-gradient(140deg, #d48090, #b04060); }
.gi-4 { background: linear-gradient(140deg, #b85065, #8a2035); }
.gi-5 { background: linear-gradient(140deg, #ce8090, #a04050); }
.gi-6 { background: linear-gradient(140deg, #a03050, #701530); }

/* Overlay au survol */
.galerie-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 16px 18px;
  background: linear-gradient(transparent, rgba(0,0,0,.7));
  opacity: 0;
  transform: translateY(6px);
  transition: all 0.3s cubic-bezier(.25,.46,.45,.94);
}
.galerie-item:hover .galerie-overlay {
  opacity: 1;
  transform: translateY(0);
}

.galerie-overlay-tag {
	font-family: 'kiona-aku', Georgia, serif;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #F2D149;
  margin-bottom: 3px;
}

.galerie-overlay-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
	 font-style: italic;
  font-size: 20px;
  color: #fff;
}