.metier-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.metier-photos-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.metier-photo{break-inside:avoid;margin:0;overflow:hidden;background:var(--paper)}
.metier-photo-link{position:relative;display:block;text-decoration:none}
.metier-photo-link img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#eaf1f5}
.metier-photo-link:focus-visible{outline-offset:-4px;outline-width:4px}
.metier-photo figcaption{padding:14px 16px;font-size:.95rem;font-weight:700;line-height:1.4}
.metier-photo-zoom{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 9px;background:rgba(8,28,43,.9);color:#fff;font-size:.875rem;line-height:1.3;opacity:0;transition:opacity .18s}
.metier-photo-link:hover .metier-photo-zoom,.metier-photo-link:focus-visible .metier-photo-zoom{opacity:1}
body.photo-open{overflow:hidden}
.metier-viewer{width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:18px 24px;border:0;background:var(--navy-deep);color:#fff;overflow:auto;box-shadow:0 20px 80px rgba(0,0,0,.35)}
.metier-viewer::backdrop{background:rgba(3,13,21,.88)}
.metier-viewer-top,.metier-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}
.metier-viewer-count{font-size:.95rem;color:#e3edf3}
.metier-viewer button{min-height:44px;padding:9px 14px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;line-height:1.3;font-size:.95rem}
.metier-viewer button:hover{background:var(--navy-soft)}
.metier-viewer-close{display:flex;align-items:center;gap:16px}
.metier-viewer-close span{font-size:1.7rem;line-height:1}
.metier-viewer-figure{margin:14px 0}
.metier-viewer-image{display:block;width:100%;height:min(70dvh,800px);object-fit:contain}
.metier-viewer-figure figcaption{padding-top:12px;text-align:center;font-size:1rem;line-height:1.4}
.metier-viewer-controls button{display:flex;align-items:center;gap:12px}
@media(max-width:980px){.metier-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:none){.metier-photo-zoom{opacity:1}.metier-photo-zoom{padding:5px 7px}.metier-photo-zoom svg{width:14px;height:14px}}
@media(max-width:600px){
  .metier-photos{grid-template-columns:1fr;gap:20px}
  .metier-photo{margin-bottom:0}
  .metier-photo figcaption{padding:11px 10px;font-size:.875rem;line-height:1.4}
  .metier-photo-zoom{right:7px;bottom:7px;font-size:.875rem}
  .metier-viewer{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}
  .metier-viewer-image{height:calc(100dvh - 190px);min-height:160px}
  .metier-viewer-figure figcaption{font-size:.95rem}
  .metier-viewer button{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.metier-photo-zoom{transition:none}}

.metier-photo-credit{display:block;margin-top:10px;font-size:.875rem;font-weight:400;color:var(--ink-soft);line-height:1.5;overflow-wrap:anywhere}
.metier-photo-stage{position:absolute;top:10px;left:10px;padding:5px 12px;background:var(--navy);color:#fff;font-size:.875rem;font-weight:700}
.metier-gallery-context{font-size:.875rem;color:var(--ink-soft);max-width:72ch}