.photo-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.photo-tile{aspect-ratio:4/3;cursor:zoom-in;background:#102638;border-radius:10px;grid-column:span 2;position:relative;overflow:hidden}.photo-tile-featured{aspect-ratio:auto;grid-area:span 2/span 4}.photo-tile-wide{aspect-ratio:2;grid-column:span 3}.photo-tile-full{aspect-ratio:3;grid-column:1/-1}.photo-tile img{transition:transform .5s}.photo-expand{color:#fff;background:#102638bb;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;bottom:14px;right:14px}.photo-dialog{color:#fff;background:#102638;border:1px solid #ffffff30;border-radius:12px;width:calc(100% - 40px);max-width:1200px;max-height:95dvh;margin:auto;padding:0;position:fixed;inset:0}.photo-dialog::backdrop{background:#06111ff2}.photo-viewer{flex-direction:column;height:min(900px,90dvh);display:flex}.photo-toolbar,.photo-caption{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.photo-toolbar{font-size:13px}.photo-dialog button{cursor:pointer;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.photo-large{flex:1;width:100%;min-height:0;margin:auto;position:relative}.photo-caption p{text-align:center;font-size:14px;line-height:1.6}@media (hover:hover) and (prefers-reduced-motion:no-preference){.photo-tile:hover img{transform:scale(1.04)}}@media (max-width:1023px){.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-tile{aspect-ratio:4/3;grid-area:auto/span 1}.photo-tile:last-child:nth-child(odd){aspect-ratio:2;grid-column:1/-1}}@media (max-width:639px){.photo-gallery{gap:12px}.photo-tile{aspect-ratio:1}.photo-dialog{width:calc(100% - 16px)}.photo-caption,.photo-toolbar{gap:10px;padding:12px}.photo-caption p{font-size:12px}}