/* ====== GALERIE ====== */
#galerie{background:var(--noir-2)}
.galerie-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.gitem{
  border-radius:14px;position:relative;overflow:hidden;cursor:pointer;
  display:flex;align-items:flex-end;border:1px solid rgba(233,233,238,.07);
  transition:transform .4s,border-color .4s;
}
.gitem:hover{transform:scale(1.02);border-color:rgba(212,164,55,.5)}
.gitem.large{grid-column:span 2;grid-row:span 2}
.gitem .fond{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.6rem;opacity:.9}
.gitem .cap{
  position:relative;z-index:2;width:100%;padding:14px 16px;
  background:linear-gradient(transparent,rgba(0,0,0,.88));
  font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--argent);
  opacity:.95;transition:all .4s;
}
.gitem:hover .cap{opacity:1;color:var(--or-clair)}
.g1{background:linear-gradient(135deg,#3a2c10,#0d0d11)}
.g2{background:linear-gradient(135deg,#101b2e,#0d0d11)}
.g3{background:linear-gradient(135deg,#2e1024,#0d0d11)}
.g4{background:linear-gradient(135deg,#0f2a1e,#0d0d11)}
.g5{background:linear-gradient(135deg,#2a1a0f,#0d0d11)}
.g6{background:linear-gradient(135deg,#1f102e,#0d0d11)}
.g7{background:linear-gradient(135deg,#2e2610,#0d0d11)}
.galerie-note{text-align:center;margin-top:26px;font-size:.8rem;color:var(--argent-2);font-weight:300;font-style:italic}
.gitem img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.gitem:hover img{transform:scale(1.06)}
#lightbox{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:rgba(5,5,6,.94);backdrop-filter:blur(10px);padding:4vh 4vw;cursor:zoom-out}
#lightbox.actif{display:flex;animation:apparait .3s ease}
#lightbox img{max-width:92vw;max-height:82vh;border-radius:14px;border:1px solid rgba(212,164,55,.4);box-shadow:0 30px 90px rgba(0,0,0,.7)}
#lightbox .lb-cap{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or-clair)}
#lightbox .lb-fermer{position:absolute;top:20px;right:26px;background:none;border:none;color:var(--argent);font-size:1.8rem;cursor:pointer}
#lightbox .lb-fermer:hover{color:var(--or)}