.photo-lightbox{width:min(76rem,100vw - 2rem);height:calc(100vh - 2rem);color:#fff8e9;background:#220207;border:1px solid #d7a83e80;border-radius:18px;max-width:none;height:calc(100dvh - 2rem);max-height:none;margin:auto;padding:1rem;position:fixed;inset:0;overflow:hidden;box-shadow:0 20px 70px #0008}.photo-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;display:grid}.photo-lightbox::backdrop{background:#100104e8}.photo-lightbox-header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.photo-lightbox .photo-lightbox-title{color:#f7d77c;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.2rem,3vw,1.75rem);font-weight:400;line-height:1.25}.photo-lightbox-close,.photo-lightbox-arrow{color:#fff8e9;cursor:pointer;background:#fff8e910;border:1px solid #d7a83e80;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;padding:.45rem .75rem;font-size:.9rem;line-height:1.2;display:inline-flex}.photo-lightbox-close>span:first-child{font-size:1.75rem;line-height:1}.photo-lightbox-close:hover,.photo-lightbox-arrow:hover{background:#d7a83e30;border-color:#f7d77c}:is(.photo-lightbox-close:focus-visible,.photo-lightbox-arrow:focus-visible){outline-offset:3px;outline:2px solid #f7d77c}.photo-lightbox-image-area{touch-action:pan-y pinch-zoom;min-width:0;min-height:0}.photo-lightbox-navigation{justify-content:center;align-items:center;gap:1rem;display:flex}.photo-lightbox-arrow{color:#f7d77c;width:44px;height:44px;padding:.5rem}.photo-lightbox-position{text-align:center;color:#e7d4c1;max-width:36rem;font-size:.875rem;line-height:1.4}.photo-lightbox .photo-lightbox-image{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (max-width:540px){.photo-lightbox{width:calc(100vw - 1rem);height:calc(100vh - 1rem);border-radius:12px;height:calc(100dvh - 1rem);padding:.75rem}.photo-lightbox[open]{gap:.75rem}.photo-lightbox-header{gap:.5rem}.photo-lightbox-close{padding-inline:.6rem}}
