.retreat-gallery{columns:2;column-gap:1rem}.retreat-gallery .retreat-photo{break-inside:avoid;margin-bottom:1rem}@media (width>=768px){.retreat-gallery{columns:3}}@media (width>=1280px){.retreat-gallery{columns:4}}.retreat-lightbox{color:#fff;background:#0f172a;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:4.5rem 1.5rem 1.5rem;position:fixed;inset:0}.retreat-lightbox[open]{flex-direction:column;align-items:center;gap:1rem;display:flex}.retreat-lightbox::backdrop{background:#0f172a}.retreat-lightbox figure{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:0;display:flex}.retreat-lightbox img{object-fit:contain;max-width:100%;min-height:0;max-height:calc(100dvh - 14rem)}.retreat-lightbox figcaption{text-align:center;max-width:48rem;font-size:.875rem;line-height:1.6}.retreat-lightbox button{cursor:pointer;min-width:44px;min-height:44px;padding:.625rem .75rem;font-size:.875rem}.retreat-lightbox button:hover{color:#d8c6a8}.retreat-lightbox button:focus-visible{outline-offset:3px;outline:2px solid #d8c6a8}.retreat-lightbox-close{position:absolute;top:1rem;right:1rem}.retreat-lightbox-controls{justify-content:space-between;align-items:center;gap:.5rem;width:min(100%,40rem);font-size:.75rem;display:flex}html:has(.retreat-lightbox[open]){overflow:hidden}