.alb-entete{display:flex;flex-direction:column;gap:var(--e-16);margin-bottom:var(--e-32);max-width:760px}
.alb-meta{display:flex;flex-wrap:wrap;gap:var(--e-8)}
.alb-meta a.tag{text-decoration:none}
.mosaique{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-12)}
.vignette{position:relative;width:100%;aspect-ratio:4/3;border:0;border-radius:var(--r);cursor:zoom-in;font:inherit;font-size:var(--t-xs);overflow:hidden}
.vignette:hover{filter:brightness(.95)}
.vignette:focus-visible{outline:3px solid var(--vert-profond);outline-offset:2px}
.plus{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(10 46 26 / .72);color:var(--surface-claire);font-family:var(--f-titre);font-size:var(--t-2xl);font-weight:800}
@media (max-width:900px){.mosaique{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-12)}}
@media (max-width:600px){.mosaique{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-12)}}
/* visionneuse */
.visionneuse{position:fixed;inset:0;z-index:100;background:rgb(10 46 26 / .96);color:var(--surface-claire);display:none;flex-direction:column}
.visionneuse.est-ouverte{display:flex}
.vis-haut{display:flex;justify-content:space-between;align-items:center;padding:var(--e-16) var(--gouttiere)}
.vis-compteur{font-weight:700}
.vis-scene{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--e-16);padding:0 var(--gouttiere);min-height:0}
.vis-image{width:min(100%,1100px);aspect-ratio:3/2;max-height:100%;border-radius:var(--r);background:var(--vert-pastel);color:var(--vert-profond);display:flex;align-items:center;justify-content:center;font-weight:600}
.vis-btn{flex:none;width:52px;height:52px;border-radius:50%;border:1px solid rgb(255 255 255 / .35);background:transparent;color:var(--surface-claire);display:flex;align-items:center;justify-content:center;cursor:pointer}
.vis-btn:hover{background:rgb(255 255 255 / .12)}
.vis-btn:focus-visible{outline:2px solid var(--sable);outline-offset:2px}
.vis-legende{padding:var(--e-16) var(--gouttiere) var(--e-24);text-align:center;color:var(--vert-clair);min-height:3em}
@media (max-width:600px){.vis-scene .vis-btn{display:none}}