.photos{padding:1rem}.photos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--padding)}@media(max-width:640px){.photos__grid{grid-template-columns:repeat(2,1fr)}}.photos__item{position:relative;aspect-ratio:1/1;overflow:hidden;cursor:pointer;background-color:var(--color__faded)}.photos__item:focus{outline:none;border:var(--padding) solid}.photos__item img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease,opacity .3s ease}.photos__item:hover img{transform:scale(1.03);opacity:.85}.lightbox{position:fixed;inset:0;z-index:1000;background-color:rgba(0,0,0,.9)}.lightbox,.lightbox__image-wrapper{display:flex;align-items:center;justify-content:center}.lightbox__image-wrapper{position:relative;max-width:100vw;max-height:100vh}.lightbox__image-wrapper img{max-width:100vw;max-height:100vh;object-fit:contain;display:block}.lightbox__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s ease;z-index:1001}.lightbox__close:hover{opacity:1}.lightbox__next,.lightbox__prev{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.75rem 1rem;border-radius:var(--border-radius);transition:background .2s ease;z-index:1001}.lightbox__next:hover,.lightbox__prev:hover{background:hsla(0,0%,100%,.2)}.lightbox__prev{left:1rem}.lightbox__next{right:1rem}