:root{--gallery-gap:20px}.gallery .container{display:flex;flex-wrap:wrap;gap:var(--gallery-gap)}.lightbox-img-wrap{aspect-ratio:1/1;display:block;overflow:hidden;position:relative;width:calc((100% - var(--gallery-gap)*(var(--initial-cols) - 1))/var(--initial-cols))}.gallery .container img{aspect-ratio:1/1;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.lightboxpreview{background-size:cover;cursor:pointer;padding-top:60%;transition:all .3s linear}.lightbox-content{height:75svh;max-height:75svh}.lightbox-close{color:#fff;cursor:pointer;font-size:2rem;font-weight:700;line-height:1;margin-left:auto;position:absolute;right:-30px;top:-30px}.modalscale{opacity:0;transform:scale(0)}.lightbox-btn,.lightbox-container,.lightbox-enabled,.lightbox-image-wrapper{transition:all .3s ease-in-out}.lightbox-enabled:hover{transform:scale(1.1)}.lightbox-img-wrap[data-lightbox-enabled=true]:hover:after{opacity:1}.lightbox-img-wrap:after{align-items:center;background:rgba(0,0,0,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2764%27 height=%2764%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:64px;color:#fff;content:"";display:flex;font-size:4rem;height:100%;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:.3s;width:100%}.lightbox-enabled{cursor:pointer;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.lightbox-container{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100svh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100svw;z-index:9999}.lightbox-container.active{opacity:1;pointer-events:all}.lightbox-image-wrapper{align-items:center;display:flex;justify-content:center;max-height:90vh;max-width:90vw;position:relative;transform:scale(.9)}.lightbox-container.active .lightbox-image-wrapper{transform:scale(1)}.close,.lightbox-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:50px;line-height:1;padding:0;position:absolute;text-shadow:0 0 30px rgba(0,0,0,.4);z-index:9999999}.lightbox-btn svg{fill:none;height:50px;stroke:#fff;stroke-width:2;width:50px}.left{left:50px}.close,.right{right:50px}.close{top:50px}.lightbox-image{max-height:95vh;-o-object-fit:contain;object-fit:contain;width:100%}@keyframes slideleft{33%{opacity:0;transform:translateX(-300px)}66%{opacity:0;transform:translateX(300px)}}.slideleft{animation-duration:.5s;animation-name:slideleft;animation-timing-function:ease}@keyframes slideright{33%{opacity:0;transform:translateX(300px)}66%{opacity:0;transform:translateX(-300px)}}.slideright{animation-duration:.5s;animation-name:slideright;animation-timing-function:ease}@media(max-width:1024px){:root{--gallery-columns:3}.lightbox-img-wrap{width:calc((100% - var(--gallery-gap)*(min(var(--initial-cols),var(--gallery-columns)) - 1))/min(var(--initial-cols),var(--gallery-columns)))}}@media(max-width:768px){:root{--gallery-columns:2}.left,.right{bottom:10px}.close{right:10px;top:10px}}@media(max-width:550px){:root{--gallery-gap:10px}}.lightbox-img-wrap .projects-gallery-caption{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;font-size:14px;left:0;line-height:1.3;max-height:50%;overflow:hidden;padding:20px 12px 12px;pointer-events:none;position:absolute;right:0}.lightbox-caption{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border-radius:8px;bottom:20px;color:#fff;font-size:16px;left:20px;line-height:1.4;padding:15px 20px;position:absolute;right:20px;text-align:center;z-index:10001}