.photo-overlay-open{overflow:hidden;scrollbar-gutter:stable}
.photo-lightbox{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;height:100%;height:100svh;max-width:none;max-height:none;background:transparent;overflow:hidden;color:#f7efda;animation:none!important;box-shadow:none}
.photo-lightbox::backdrop{background:transparent}
.photo-lightbox-scrim{position:absolute;inset:0;background:#0b2018e0;backdrop-filter:blur(9px);animation:photo-scrim-in .35s both}
.photo-lightbox-image{position:absolute;display:block;object-fit:cover;border-radius:6px;box-shadow:0 24px 100px #0007;max-width:none;max-height:none;user-select:none}
.photo-lightbox-toolbar{position:absolute;inset:18px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;pointer-events:none}
.photo-lightbox-toolbar>span{font:12px/1.4 var(--sans);max-width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8dec3}
.photo-lightbox-close{pointer-events:auto;width:44px;height:44px;border:1px solid #fff3;border-radius:50%;color:#f8edce;background:#153627a6;font:30px/1 var(--serif)}
.photo-lightbox-hint{position:absolute;bottom:20px;width:100%;text-align:center;padding:0 25px;font:italic 15px/1.5 var(--serif);color:#decba3;pointer-events:none}
.photo-lightbox[data-phase=closing] .photo-lightbox-scrim{animation:photo-scrim-out .34s both}
.photo-lightbox[data-phase=closing] .photo-lightbox-toolbar,.photo-lightbox[data-phase=closing] .photo-lightbox-hint{opacity:0;transition:opacity .18s}
@keyframes photo-scrim-in{from{opacity:0}to{opacity:1}}
@keyframes photo-scrim-out{from{opacity:1}to{opacity:0}}
@media(max-width:650px){.photo-lightbox-toolbar{inset:12px 16px auto}.photo-lightbox-hint{font-size:13px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.photo-lightbox *{animation:none!important;transition:none!important}}