.gallery .photo:has(img){cursor:zoom-in}.gallery-viewer{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:76px max(22px,env(safe-area-inset-right)) max(44px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#130804ef;backdrop-filter:blur(10px);touch-action:pan-y}.gallery-viewer-image{display:block;max-width:min(1200px,100%);max-height:calc(100vh - 132px);border-radius:16px;box-shadow:0 25px 75px #000a;object-fit:contain;transition:transform .22s ease;cursor:zoom-in;user-select:none;-webkit-user-drag:none}.gallery-viewer.zoomed .gallery-viewer-image{transform:scale(1.85);cursor:zoom-out}.gallery-viewer-close,.gallery-viewer-nav,.gallery-viewer-zoom{position:absolute;display:grid;width:48px;height:48px;place-items:center;border:1px solid #fff6;border-radius:50%;background:#2a1208de;color:#fff;cursor:pointer;font:400 2rem/1 system-ui,sans-serif}.gallery-viewer-close{top:20px;right:max(20px,env(safe-area-inset-right))}.gallery-viewer-zoom{top:20px;right:max(78px,calc(env(safe-area-inset-right) + 58px));font-size:1.5rem}.gallery-viewer-nav{top:50%;transform:translateY(-50%);font-size:3rem}.gallery-viewer-prev{left:20px}.gallery-viewer-next{right:20px}.gallery-viewer-count{position:absolute;bottom:17px;left:50%;margin:0;transform:translateX(-50%);color:#fff;font:800 .78rem/1 system-ui,sans-serif;letter-spacing:.08em}.gallery-viewer-close:hover,.gallery-viewer-nav:hover,.gallery-viewer-zoom:hover{background:var(--orange);border-color:var(--orange)}@media(max-width:760px){.gallery-viewer{padding:64px 10px 42px}.gallery-viewer-image{max-height:calc(100vh - 108px);border-radius:10px}.gallery-viewer-close,.gallery-viewer-zoom{top:11px;width:42px;height:42px}.gallery-viewer-close{right:11px}.gallery-viewer-zoom{right:61px}.gallery-viewer-nav{width:40px;height:40px;font-size:2.5rem;background:#2a1208c7}.gallery-viewer-prev{left:9px}.gallery-viewer-next{right:9px}.gallery-viewer-count{bottom:13px}.gallery-viewer.zoomed .gallery-viewer-image{transform:scale(1.45)}}
dialog.gallery-viewer{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;box-sizing:border-box;overflow:hidden}
dialog.gallery-viewer:not([open]){display:none}
dialog.gallery-viewer::backdrop{background:#130804ef}
.gallery-viewer-image{transition:none;touch-action:pan-y}
.gallery-viewer button{z-index:2}
.gallery .photo:focus-visible,.gallery-viewer button:focus-visible{outline:3px solid var(--orange,#ff9d48);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.gallery-viewer-image{transition:none}}