.photography-page{padding:48px 5% 64px}
.photography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.photography-image{display:block;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in;background:var(--wash)}
.photography-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.photography-image:hover img{transform:scale(1.025)}
.photo-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:60px 24px 24px;border:0;background:#080b0df5;color:white;overflow:auto;overscroll-behavior:contain}
.photo-viewer::backdrop{background:#080b0d}
.photo-viewer[open]{display:flex;align-items:center;justify-content:center}
.photo-viewer img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}
.photo-viewer.is-zoomed{display:block;text-align:center}
.photo-viewer.is-zoomed img{max-width:none;max-height:none;margin:auto;cursor:zoom-out}
.photo-viewer-close{position:fixed;z-index:1;top:12px;right:16px;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#101417;color:white;font:30px/1 Arial,sans-serif;cursor:pointer}
.photo-viewer-close:focus-visible{outline:2px solid white;outline-offset:3px}
html.photo-viewer-open{overflow:hidden}
@media(max-width:700px){.photography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photography-page{padding-top:32px}.photography-page h1{font-size:42px}.photo-viewer{padding:64px 12px 20px}}
@media(prefers-reduced-motion:reduce){.photography-image img{transition:none}}
.photo-viewer:not([open]){display:none}