.hiroo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0 24px 32px}.hiroo-photo{margin:0;min-width:0}.gallery-open{display:block;border:3px inset #c0c0c0;background:#ddd;overflow:hidden}.gallery-open img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#24201b}.gallery-open:focus-visible{outline:3px solid #f56a19;outline-offset:4px}.hiroo-photo figcaption{display:flex;align-items:baseline;gap:12px;padding:12px 0;font-size:17px}.photo-number{font:14px 'Courier New',monospace;color:#a73c00}.photo-viewer{padding:0;border:3px outset #ccc;background:#171613;color:#fff;width:min(1100px,95vw);max-width:95vw;max-height:94dvh;overflow:auto}.photo-viewer::backdrop{background:rgba(0,0,0,.88)}.photo-viewer[open]{display:flex;flex-direction:column}.photo-viewer .viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#24231f;padding:8px 12px;font:15px 'Courier New',monospace}.photo-viewer button{min-width:44px;min-height:44px;border:2px outset #ddd;background:#eee9df;color:#111;font:20px 'Courier New',monospace;cursor:pointer}.photo-viewer img{display:block;width:100%;height:calc(85dvh - 120px);min-height:180px;object-fit:contain}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.viewer-caption{margin:0;font-size:17px;text-align:center}.viewer-controls{display:flex;gap:8px;flex-shrink:0}body:has(.photo-viewer[open]){overflow:hidden}@media(max-width:950px){.hiroo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(max-width:600px){.hiroo-gallery{grid-template-columns:1fr;padding:0 14px 20px;gap:20px}.hiroo-photo figcaption{font-size:17px}.photo-viewer{width:96vw;max-width:96vw}.viewer-bottom{flex-wrap:wrap;justify-content:center}}