/* Galerie (galerie/index.php) — 15/10/2026 */
.ga-intro{background:#e9eddf;padding:64px 0 56px;border-bottom:1px solid #c1ceba}
.ga-crumb{color:#54625a;margin-bottom:28px}
.ga-crumb a{color:#075443}
.ga-intro h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08;margin:18px 0 22px;color:var(--ink)}
.ga-intro h1 em{color:#698264}
.ga-lead{max-width:760px;font-size:18px;line-height:1.8;color:#54625a;margin:0}
.ga-count{margin:26px 0 0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#075443}
.ga-count span{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:0;margin-right:6px;vertical-align:-4px}
.ga-wrap{padding-top:64px;padding-bottom:90px}
.ga-grid{list-style:none;margin:0;padding:0;columns:4 260px;column-gap:18px}
.ga-grid li{break-inside:avoid;margin:0 0 18px}
.ga-item{position:relative;display:block;overflow:hidden;background:#d2e1d1;border-bottom:3px solid #075443}
.ga-item img,.ga-item video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transition:transform .5s ease,filter .3s}
.ga-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,84,67,0) 55%,rgba(7,84,67,.55));opacity:0;transition:opacity .3s}
.ga-item:hover img,.ga-item:hover video{transform:scale(1.04)}
.ga-item:hover::after{opacity:1}
.ga-item:focus-visible{outline:3px solid #075443;outline-offset:3px}
.ga-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(7,84,67,.85);z-index:2}
.ga-play::before{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #fff}
.ga-tag{position:absolute;left:12px;top:12px;z-index:2;padding:5px 10px;background:#faf8f2;color:#075443;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
/* visionneuse */
.ga-box{position:fixed;inset:0;z-index:200;background:rgba(6,24,18,.94);display:flex;align-items:center;justify-content:center}
.ga-box[hidden]{display:none}
.ga-stage{margin:0;max-width:calc(100% - 160px);max-height:calc(100% - 110px);display:flex;align-items:center;justify-content:center}
.ga-stage img,.ga-stage video{max-width:100%;max-height:calc(100vh - 110px);width:auto;height:auto;display:block;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.ga-close,.ga-nav{position:absolute;border:1px solid rgba(210,225,209,.45);background:rgba(7,84,67,.55);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.ga-close:hover,.ga-nav:hover{background:#075443}
.ga-close{top:18px;right:18px;width:48px;height:48px;font-size:30px;line-height:1}
.ga-nav{top:50%;width:54px;height:54px;margin-top:-27px;font-size:34px;line-height:1;border-radius:50%}
.ga-prev{left:22px}.ga-next{right:22px}
.ga-pos{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#d2e1d1;font-size:13px;letter-spacing:.1em;margin:0}
@media(max-width:750px){
.ga-intro{padding:40px 0 36px}.ga-lead{font-size:16px}
.ga-wrap{padding-top:36px;padding-bottom:56px}
.ga-grid{columns:2 140px;column-gap:10px}.ga-grid li{margin-bottom:10px}
.ga-stage{max-width:100%}
.ga-nav{top:auto;bottom:12px;margin:0;width:46px;height:46px}.ga-prev{left:16px}.ga-next{right:16px}
}

/* === Galerie v2 (15/10/2026) : intro en 2 colonnes avec collage, grille « mosaïque »
   (une grande vignette toutes les 7), numéro + loupe au survol. === */
.ga-intro{position:relative;overflow:hidden;padding:56px 0 64px;background:linear-gradient(120deg,#e9eddf 0%,#e9eddf 55%,#dfe8da 100%)}
.ga-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:center}
.ga-collage{position:relative;height:420px}
.ga-collage img{position:absolute;object-fit:cover;border:6px solid #faf8f2;box-shadow:0 26px 50px -24px rgba(5,61,49,.55)}
.ga-c1{left:6%;top:30px;width:46%;aspect-ratio:3/4;transform:rotate(-5deg);z-index:1}
.ga-c2{left:34%;top:0;width:44%;aspect-ratio:3/4;transform:rotate(3deg);z-index:3}
.ga-c3{right:0;top:120px;width:38%;aspect-ratio:3/4;transform:rotate(8deg);z-index:2}
.ga-grid{columns:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:16px}
.ga-grid li{margin:0;break-inside:auto}
.ga-grid li.ga-big{grid-column:span 2;grid-row:span 2}
.ga-grid li:not(.ga-big){grid-row:span 1}
.ga-item{height:100%;border-bottom:0;box-shadow:0 14px 30px -22px rgba(5,61,49,.6)}
.ga-item img,.ga-item video{height:100%;aspect-ratio:auto}
.ga-item::after{background:linear-gradient(180deg,rgba(7,84,67,0) 45%,rgba(5,61,49,.78));opacity:.35}
.ga-item:hover::after{opacity:1}
.ga-num{position:absolute;left:14px;bottom:12px;z-index:2;color:#fff;font-family:var(--serif);font-size:20px;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.ga-big .ga-num{font-size:28px;left:20px;bottom:16px}
.ga-zoom{position:absolute;right:12px;bottom:12px;z-index:2;width:38px;height:38px;border-radius:50%;background:#faf8f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075443' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l4 4M11 8v6M8 11h6'/%3E%3C/svg%3E") center/20px no-repeat;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}
.ga-item:hover .ga-zoom,.ga-item:focus-visible .ga-zoom{opacity:1;transform:none}
.ga-video .ga-play{z-index:2}
@media(max-width:1100px){.ga-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:200px}}
@media(max-width:900px){.ga-intro-grid{grid-template-columns:1fr;gap:30px}.ga-collage{height:300px;max-width:460px}}
@media(max-width:750px){
.ga-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px;gap:10px}
.ga-collage{height:240px}
.ga-num{font-size:16px;left:10px;bottom:8px}.ga-big .ga-num{font-size:20px}
.ga-zoom{display:none}
}
/* === FIN Galerie v2 === */