/* Page Galerie : grilles de vignettes et visionneuse plein ecran. */
.gal{max-width:1240px;margin:0 auto;padding:8px 24px 96px}
.gal-entete{text-align:center;padding:24px 0 8px}
.gal-titre{max-width:none;margin:0 auto;font-size:clamp(40px,5.5vw,72px);font-weight:400;letter-spacing:-.035em;line-height:1.05;color:var(--encre)}
.gal-intro{margin:16px auto 0;max-width:46ch;font-size:18px;line-height:1.5;color:var(--gris)}
.gal-section{margin-top:56px}
.gal-section>h2{margin:0 0 22px;font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--navy)}
.gal-section>h3{margin:36px 0 14px;font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--navy)}
.gal-section>h3 a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(25,48,78,.25);transition:color .2s ease,border-color .2s ease}
.gal-section>h3 a:hover{color:var(--or-texte);border-color:var(--or-texte)}
.gal-grille{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gal-grille li{margin:0;min-width:0}
.gal-vignette{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:14px;background:var(--fond);cursor:zoom-in}
.gal-vignette img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gal-vignette:hover img{transform:scale(1.04)}
.gal-vignette:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media (max-width:760px){.gal{padding:0 16px 72px}.gal-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gal-section{margin-top:44px}}

/* Visionneuse */
.gal-visionneuse{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff}
.gal-visionneuse::backdrop{background:rgba(10,20,34,.93)}
.gal-cadre{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:64px 84px 72px;box-sizing:border-box}
.gal-cadre img{display:block;max-width:100%;max-height:calc(100dvh - 190px);width:auto;height:auto;object-fit:contain;border-radius:8px}
.gal-legende{margin:0;max-width:70ch;text-align:center;font-size:15px;line-height:1.4;color:rgba(255,255,255,.86)}
.gal-compteur{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:13px;letter-spacing:.08em;color:rgba(255,255,255,.62)}
.gal-bouton{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;transition:background .2s ease}
.gal-bouton:hover{background:rgba(255,255,255,.26)}
.gal-bouton:focus-visible{outline:2px solid #fff;outline-offset:3px}
.gal-bouton svg{width:22px;height:22px}
.gal-fermer{top:16px;right:16px}
.gal-precedent{left:16px;top:50%;margin-top:-24px}
.gal-suivant{right:16px;top:50%;margin-top:-24px}
@media (max-width:760px){.gal-cadre{padding:64px 12px 72px}.gal-precedent{left:8px;top:auto;bottom:12px;margin:0}.gal-suivant{right:8px;top:auto;bottom:12px;margin:0}.gal-cadre img{max-height:calc(100dvh - 210px)}}
body.gal-ouverte{overflow:hidden}
@media (prefers-reduced-motion:reduce){.gal-vignette img,.gal-bouton{transition:none}}