/* Page Galerie : s'appuie sur style.css */
.gal-page .top nav a.link.back{display:inline-flex;align-items:center;min-height:44px;color:var(--mute);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:1.5px;text-transform:uppercase}
.gal-page .top nav a.link.back:hover{color:var(--txt)}
.gal-page h1{font-size:clamp(40px,7.5vw,88px)}
.g-intro{padding:clamp(40px,7vw,88px) 0 clamp(20px,3vw,32px);background:radial-gradient(900px 400px at 85% 0,rgba(217,169,74,.12),transparent 70%)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chip{min-height:48px;padding:8px 18px;font:600 15px/1 var(--body);color:var(--txt);background:transparent;border:1px solid var(--line);cursor:pointer}
.chip span{color:var(--mute);margin-left:6px;font-weight:400}
.chip:hover{border-color:var(--gold-2)}
.chip[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.chip[aria-pressed="true"] span{color:var(--ink)}
.g-wall{padding:clamp(16px,3vw,32px) 0 clamp(48px,8vw,96px)}
.mason{list-style:none;margin:0;padding:0;columns:2;column-gap:12px}
@media(min-width:760px){.mason{columns:3}}
@media(min-width:1100px){.mason{columns:4}}
.mason li{break-inside:avoid;margin:0 0 12px}
.mason li[hidden]{display:none}
.mason button{display:block;width:100%;padding:0;border:1px solid var(--line);background:var(--panel);cursor:zoom-in;overflow:hidden}
.mason img{width:100%;height:auto;transition:transform .5s ease}
.mason button:hover img{transform:scale(1.04)}
#lb{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(8,9,11,.96);color:var(--txt)}
#lb::backdrop{background:rgba(8,9,11,.96)}
#lb[open]{display:grid;place-items:center}
#lb img{max-width:min(94vw,1100px);max-height:80vh;width:auto;height:auto;object-fit:contain}
#lb .x{position:absolute;top:14px;right:14px;min-height:48px;padding:8px 18px;font:600 15px var(--body);background:var(--gold);color:var(--ink);border:0;cursor:pointer;z-index:2}
#lb .nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:64px;font-size:40px;line-height:1;background:rgba(12,14,17,.7);color:var(--txt);border:1px solid var(--line);cursor:pointer;z-index:2}
#lb .prev{left:10px}#lb .next{right:10px}
#lb .nav:hover{border-color:var(--gold-2)}
#lb .cap{position:absolute;left:0;right:0;bottom:16px;margin:0;padding:0 70px;text-align:center;color:var(--mute);font-size:15px}
@media (prefers-reduced-motion:reduce){.mason img{transition:none}}