.photo-collage{--collage-gap:10px;--collage-height:clamp(230px,23vw,350px);gap:var(--collage-gap);flex-wrap:wrap;align-items:stretch;display:flex}.photo-collage .photo-tile{--tile-width:33.333%;flex:1 1 calc(var(--tile-width) - var(--collage-gap));min-width:0;margin:0;padding:0;position:relative}.photo-collage .photo-tile:nth-child(6n+1){--tile-width:41.667%}.photo-collage .photo-tile:nth-child(6n+2){--tile-width:25%}.photo-collage .photo-tile:nth-child(6n+3){--tile-width:33.333%}.photo-collage .photo-tile:nth-child(6n+4){--tile-width:50%}.photo-collage .photo-tile:nth-child(6n+5),.photo-collage .photo-tile:nth-child(6n){--tile-width:25%}.photo-collage .photo-open{width:100%;height:var(--collage-height);isolation:isolate;cursor:zoom-in;aspect-ratio:auto;background:#211b18;border:0;border-radius:10px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.photo-collage .photo-open img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.61,.36,1);display:block}.photo-collage .photo-tile[data-photo-kind=poster] img{object-fit:contain;object-position:center}.photo-collage .photo-open:hover img{transform:scale(1.025)}.photo-collage .photo-tile[data-photo-kind=poster] .photo-open:hover img{transform:none}.collage-zoom{color:#202a3b;opacity:0;background:#fdfcfa;border-radius:50%;place-items:center;width:38px;height:38px;transition:opacity .2s;display:grid;position:absolute;bottom:16px;right:16px}.photo-open:hover .collage-zoom,.photo-open:focus-visible .collage-zoom{opacity:1}.photo-collage .photo-open:focus-visible{outline-offset:4px;outline:3px solid #914821}.photo-collage .sr-only{margin:0!important;padding:0!important}.gallery-dialog{color:#202a3b;background:#fdfcfa;border:0;border-radius:3px;width:min(1180px,100% - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow:auto}.gallery-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17110ede}.gallery-dialog .gallery-toolbar{padding-bottom:15px}.gallery-dialog .gallery-toolbar p{color:#202a3b;margin:0;font-size:12px}.gallery-dialog button{color:#202a3b;min-height:44px;font:500 12px/1.4 var(--body);background:0 0;border:1px solid #202a3b70;border-radius:2px;padding:10px 16px}.gallery-dialog button:hover{background:#f0ede7}.gallery-dialog button:focus-visible{outline-offset:3px;outline:2px solid #914821}.gallery-dialog #gallery-image{object-fit:contain;object-position:center;width:100%;height:min(63dvh,700px)}.gallery-dialog #gallery-caption{color:#202a3b;font:500 13px/1.5 var(--body);margin:0;padding:18px 0}.gallery-dialog .gallery-controls{justify-content:center;gap:12px;display:flex}@media (width<=850px){.photo-collage{--collage-gap:8px;--collage-height:230px}}@media (width<=650px){.photo-collage{--collage-gap:7px;--collage-height:clamp(145px,47vw,230px)}.photo-collage .photo-tile:nth-child(6n+1),.photo-collage .photo-tile:nth-child(6n+5){--tile-width:58%}.photo-collage .photo-tile:nth-child(6n+2),.photo-collage .photo-tile:nth-child(6n){--tile-width:42%}.photo-collage .photo-tile:nth-child(6n+3){--tile-width:40%}.photo-collage .photo-tile:nth-child(6n+4){--tile-width:60%}.photo-collage .photo-open{border-radius:7px}.collage-zoom{width:32px;height:32px;bottom:10px;right:10px}.gallery-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:15px}.gallery-dialog #gallery-image{height:55dvh}.gallery-dialog #gallery-caption{padding-block:16px;font-size:12px}}@media (prefers-reduced-motion:reduce){.photo-collage .photo-open img,.collage-zoom{transition:none}.photo-collage .photo-open:hover img{transform:none}}
