/* Galerie : réalisations de l'atelier */
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.gal-card{position:relative;display:block;padding:0;border:0;background:none;text-align:left;cursor:pointer;font-family:inherit;color:inherit}
.gal-card .gal-img{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:#e8dfd0}
.gal-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.gal-card:hover img{transform:scale(1.05)}
.gal-count{position:absolute;right:12px;top:12px;background:rgba(20,17,15,.78);color:#fff;font-size:.74rem;font-weight:700;padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.gal-card h3{font-size:1.05rem;margin-top:12px;letter-spacing:-.01em}
.gal-card p{font-size:.84rem;color:var(--muted)}
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(14,11,9,.94);display:grid;place-items:center;padding:20px}
.lightbox[hidden]{display:none}
.lb-box{position:relative;max-width:min(92vw,760px);width:100%;display:grid;gap:12px;justify-items:center}
.lb-box img{max-height:78vh;width:auto;max-width:100%;border-radius:14px;object-fit:contain}
.lb-cap{color:#f2ece4;text-align:center}
.lb-cap b{display:block;font-size:1.1rem}
.lb-cap span{color:#b8ada0;font-size:.85rem}
.lb-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.5rem;cursor:pointer}
.lb-btn:hover{background:var(--ember);color:var(--ink)}
.lb-prev{left:-8px}.lb-next{right:-8px}
.lb-close{position:absolute;top:-6px;right:-6px;width:42px;height:42px;border-radius:50%;border:0;background:var(--cream);color:var(--ink);font-size:1.5rem;cursor:pointer;z-index:2}
.lb-close:hover{background:var(--ember)}
.lb-dots{display:flex;gap:8px}
.lb-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}
.lb-dots i.on{background:var(--ember)}
@media (max-width:900px){
  .gal-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}
  .lb-prev{left:4px}.lb-next{right:4px}
}
@media (min-width:1100px){.gal-grid{grid-template-columns:repeat(6,1fr)}}
