.photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery-tile{position:relative;display:block;padding:0;border:0;background:#173b3d;cursor:zoom-in;overflow:hidden;aspect-ratio:4/3}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-tile:hover img{transform:scale(1.035)}.gallery-tile:focus-visible{outline:3px solid #83d3cc;outline-offset:4px}.gallery-zoom{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;background:#09272dbb;border:1px solid #ffffff60;color:white;backdrop-filter:blur(8px)}.gallery-zoom svg{width:20px;height:20px}
.gallery-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:20px 32px;border:0;background:#06191bf5;color:white;overflow:hidden}.gallery-dialog::backdrop{background:#06191b}.gallery-dialog[open]{display:flex;flex-direction:column}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.gallery-count{font-size:16px}.gallery-dialog button{display:grid;place-items:center;width:48px;height:48px;padding:12px;border:1px solid #ffffff45;color:white;background:#ffffff0c;cursor:pointer}.gallery-dialog button:hover{background:#168b88}.gallery-dialog button:focus-visible{outline:2px solid white;outline-offset:3px}.gallery-dialog button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.gallery-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:24px;align-items:center;flex:1;min-height:0;padding:16px 0}.gallery-full{width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y}.gallery-caption{text-align:center;margin:10px 0 0;flex-shrink:0;font-size:16px}body.gallery-open{overflow:hidden}
@media(max-width:850px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.photo-gallery{gap:12px}.gallery-dialog{padding:12px}.gallery-stage{gap:6px;grid-template-columns:36px minmax(0,1fr) 36px}.gallery-stage button{width:36px;height:44px;padding:7px}.gallery-caption{font-size:14px}.gallery-zoom{right:8px;bottom:8px;width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.gallery-tile img{transition:none}}