.photo-open{overflow:hidden;scrollbar-gutter:stable}
.photo-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100svh - 32px);margin:auto;padding:0;border:0;background:#f7edda;color:#4b3024;box-shadow:0 15px 70px #24170bb0;overflow:auto}
.photo-dialog::backdrop{background:#261c14df}
.photo-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px}
.photo-dialog-bar h2{font:500 15px/1.4 'Familjen Grotesk',sans-serif;letter-spacing:0;text-wrap:initial;margin:0}
.photo-dialog-bar button{flex:none;background:none;border:0;color:inherit;font:14px/1.3 'Familjen Grotesk',sans-serif;min-height:44px;padding:5px;cursor:pointer;white-space:nowrap}
.photo-dialog-bar button span{font-size:23px;padding-left:8px}
.photo-dialog-image{display:block;width:100%;height:auto;max-height:calc(100svh - 165px);object-fit:contain;background:#271e18}
.photo-original{display:inline-flex;align-items:center;min-height:44px;margin:0 20px;font:12px/1.4 'Familjen Grotesk',sans-serif;color:inherit}
.photo-dialog :focus-visible{outline:2px solid #915633;outline-offset:3px}
[data-photo]{cursor:zoom-in}
@media(max-width:600px){.photo-dialog-bar{padding:8px 12px;gap:12px}.photo-dialog-bar h2{font-size:13px}.photo-dialog-image{max-height:calc(100svh - 200px)}.photo-original{margin:0 12px}}