/* Mise en page spécifique “Project” */
.pg{max-width:1200px;margin:0 auto;padding:40px 20px}
.pg-header h1{color:var(--h1);margin:0 0 8px}
.pg-header .lead{color:#D9D9D9;margin:0 0 24px}
.pg-divider{border:0;border-top:1px solid rgba(255,255,255,.12);margin:18px 0 24px}

/* Grille */
.pg-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.pg-item{grid-column:span 6}
.pg-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:14px}
.pg-card{margin:0;background:#0b0f14;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px}
.pg-card img{width:100%;height:auto;display:block;border-radius:12px;background:#e9eef6}
.caption{margin:8px 2px 2px;color:#9fb1c8;font-size:.95rem}
@media (max-width:900px){.pg-item{grid-column:span 12}}

/* Lightbox */
.pg-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.8);backdrop-filter:blur(2px);z-index:1000}
.pg-lightbox.open{display:flex}
.pg-stage{position:relative;width:min(96vw,1200px);max-height:92vh;display:grid;place-items:center}
.pg-media{max-width:100%;max-height:92vh;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.6);background:#000}
.pg-close,.pg-prev,.pg-next{position:absolute;z-index:10}
.pg-close{top:14px;right:14px}
.pg-prev,.pg-next{top:50%;transform:translateY(-50%);padding:10px 14px}
.pg-prev{left:10px} .pg-next{right:10px}
.pg-btn{border:1px solid rgba(255,255,255,.25);background:#0d1117;color:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}
.pg-btn:hover{filter:brightness(1.1)}
/* Mobile: pas de flèches, on garde la croix */
@media (pointer: coarse), (max-width: 768px){
  .pg-prev, .pg-next{ display:none; }
  .pg-stage{ padding: 0 8px; }               /* marge latérale */
  .pg-media{ max-height: calc(100vh - 80px); }/* évite dépassement */
}