.project-gallery{background-color:var(--cream-50);padding:3em 0}.project-gallery-title-wrap{align-items:center;color:var(--black);display:flex;justify-content:center;margin-bottom:3em;width:100%}.project-gallery-title{max-width:570px;overflow:clip;text-align:center;width:100%}.gallery-wrap{display:grid;gap:1.8em;grid-template-columns:1fr}.gallery-item{aspect-ratio:4/3;background:none;border:none;cursor:pointer;overflow:hidden;padding:0;position:relative;width:100%}.lightbox{align-items:center;background-color:var(--indigo-950-95);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.lightbox-close{background:none;border:none;color:var(--mono-200)!important;cursor:pointer;font-size:1.5em;opacity:.8;padding:.5em;position:absolute;right:var(--side-padding);top:1em;transition:opacity .2s ease;z-index:10}.lightbox-close:hover{opacity:1}.lightbox-swiper{align-items:center;display:flex;height:100%;justify-content:center;opacity:0;transition:opacity .4s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%;-webkit-tap-highlight-color:transparent}.lightbox-swiper.active{opacity:1}.lightbox-swiper .swiper{height:100%;width:100%}.lightbox-swiper .swiper-slide{align-items:center;display:flex;justify-content:center;padding:var(--header-height) var(--side-padding)}.lightbox-swiper .swiper-slide .swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.lightbox-swiper .swiper-slide img{cursor:zoom-in;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.lightbox-swiper .swiper-slide.swiper-slide-zoomed img{cursor:move}.lightbox-counter{bottom:1.5em;color:var(--white);font-size:.9em;left:50%;opacity:.7;pointer-events:none;position:absolute;transform:translate(-50%);z-index:10}.lightbox .swiper-pagination{bottom:3.5em}.lightbox .swiper-pagination-bullet{background:var(--white);height:8px;opacity:.5;width:8px}.lightbox .swiper-pagination-bullet-active{opacity:1}.lightbox .swiper-button-next,.lightbox .swiper-button-prev{color:var(--white);opacity:.7;transition:opacity .2s ease}.lightbox .swiper-button-next:hover,.lightbox .swiper-button-prev:hover{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(min-width:1000px){.project-gallery{padding:4.5em 0}.gallery-wrap{gap:2.8em;grid-template-columns:repeat(2,1fr)}.gallery-item .full{scale:1;transform-origin:center center;transition:transform .8s ease;will-change:transform}.gallery-item:hover .full{transform:scale(1.1)}}