.photo-filters{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1rem;display:flex}.photo-filters button{border:1px solid var(--text-color);min-height:32px;color:var(--text-color);cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .75rem;font-family:inherit;font-size:.9rem;line-height:1.3}.photo-filters button[aria-pressed=true]{background:var(--link-color);border-color:var(--link-color);color:var(--background-color)}.photo-filters button:focus-visible,.photo-grid a:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.photo-grid{flex-wrap:wrap;gap:4px;width:min(1200px,100vw - 40px);margin-left:50%;display:flex;transform:translate(-50%)}.photo-grid--justified{grid-template-columns:minmax(0,1fr);column-gap:0;display:grid}.photo-item{flex:none;min-width:0;margin:0}.photo-item[hidden]{display:none}.photo-grid a{border-radius:0;line-height:0;text-decoration:none;display:block}.photo-grid a:hover{text-decoration:none}.photo-grid picture{display:block}main .photo-grid img{object-fit:contain;border-radius:0;width:auto;max-width:100%;height:220px;margin:0;display:block}@media (width<=699px){main .photo-grid img{height:160px}}.photo-grid--justified a,.photo-grid--justified picture,main .photo-grid--justified img{width:100%;height:100%}main .photo-lightbox img{object-fit:contain;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block}@media (prefers-reduced-motion:no-preference){.photo-grid a img{transition:filter .2s}.photo-lightbox img{view-transition-name:photo-lightbox}::view-transition,::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){pointer-events:none;animation-duration:.18s}}html.photo-lightbox-open,html.photo-lightbox-open body{overscroll-behavior:none;overflow:hidden}html.photo-lightbox-open body{top:calc(var(--photo-scroll-y,0px) * -1);width:100%;position:fixed;left:0;right:0}.photo-lightbox{box-sizing:border-box;color:#f3ecdf;background:#000;border:0;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;margin:0;padding:0}.photo-lightbox[open]{display:block;position:fixed;inset:0;overflow:hidden}.photo-lightbox::backdrop{background:#000}.photo-lightbox__stage,.photo-lightbox figure,.photo-lightbox picture{width:100%;height:100%;margin:0;position:absolute;inset:0}.photo-lightbox picture{display:block}.photo-lightbox img{object-fit:contain;background:#000;width:100%;max-width:none;height:100%;max-height:none}.photo-lightbox figcaption{padding:2.75rem 1.25rem max(1rem, env(safe-area-inset-bottom));text-align:center;color:#f3ecdf;pointer-events:none;background:linear-gradient(#0000,#000000b8);margin:0;font-size:1.05rem;line-height:1.45;position:absolute;bottom:0;left:0;right:0}.photo-lightbox figcaption[hidden]{display:none}.photo-lightbox button{z-index:1;box-sizing:border-box;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;font-family:inherit;font-size:1.6rem;line-height:1;display:grid;position:absolute}.photo-lightbox__prev{top:50%;left:max(.75rem, env(safe-area-inset-left));transform:translateY(-50%)}.photo-lightbox__next{top:50%;right:max(.75rem, env(safe-area-inset-right));transform:translateY(-50%)}.photo-lightbox__close{top:max(.75rem, env(safe-area-inset-top));right:max(.75rem, env(safe-area-inset-right))}.photo-lightbox button:disabled{opacity:.35;cursor:default}@media (hover:none){.photo-lightbox button.photo-lightbox__prev,.photo-lightbox button.photo-lightbox__next{opacity:0;pointer-events:none}.photo-lightbox button.photo-lightbox__prev:focus-visible,.photo-lightbox button.photo-lightbox__next:focus-visible{opacity:1;pointer-events:auto}}.photo-lightbox button:focus-visible{outline-offset:2px;outline:2px solid #f3ecdf}.photo-lightbox__status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.photo-lightbox,.photo-lightbox::backdrop{transition:none;animation:none}}.photo-filters button{border-color:var(--rule);color:var(--muted);border-radius:999px}.photo-filters button:hover{background:var(--surface);color:var(--heading)}.photo-grid{gap:6px;width:min(1200px,100vw - 2.5rem)}.photo-grid a{border-radius:5px;overflow:hidden}.photo-grid a:hover img,.photo-grid a:focus-visible img{filter:brightness(1.08)}
