.list{width:100%;height:100%;position:relative;overflow-x:clip}.item-wrapper{will-change:transform, width, height, opacity;padding:10px;position:absolute;top:0;left:0}.item-btn{cursor:zoom-in;background:0 0;border:0;border-radius:10px;width:100%;height:100%;padding:0;display:block}.item-btn:focus-visible{outline:3px solid var(--color-sun);outline-offset:3px}.item-img{object-fit:cover;object-position:center;background:#ffffff0f;border-radius:10px;width:100%;height:100%;display:block;box-shadow:0 10px 50px -10px #0003}.masonry-fallback{columns:2;column-gap:20px;padding:10px}.masonry-fallback img{break-inside:avoid;border-radius:10px;width:100%;height:auto;margin-bottom:20px;display:block}@media (min-width:1000px){.masonry-fallback{columns:3}}@media (min-width:1500px){.masonry-fallback{columns:4}}.lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050c14f7}.lightbox-stage{place-items:center;padding:4.5rem 1rem 1.5rem;display:grid;position:absolute;inset:0}@media (min-width:768px){.lightbox-stage{padding:4.5rem 5.5rem 2rem}}.lightbox-figure{flex-direction:column;align-items:center;gap:.75rem;max-width:100%;margin:0;display:flex}.lightbox-figure img{border-radius:10px;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 10rem);animation:.25s ease-out lightbox-in;display:block;box-shadow:0 20px 60px #00000080}.lightbox-figure figcaption{color:#fffc;justify-content:space-between;gap:1rem;width:100%;font-size:.875rem;display:flex}.lightbox-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:9999px;place-items:center;width:3rem;height:3rem;transition:background-color .2s;display:grid;position:absolute}.lightbox-btn:hover{background:#ffffff3d}.lightbox-btn:focus-visible{outline:3px solid var(--color-sun);outline-offset:2px}.lightbox-close{top:1rem;right:1rem}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (max-width:767px){.lightbox-prev,.lightbox-next{top:auto;bottom:1rem;transform:none}}@keyframes lightbox-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.lightbox-figure img{animation:none}}