.implementation-gallery { margin-top: 58px; }
.project-photos .gallery-item img { aspect-ratio:1!important; }
.project-photos .gallery-item .screenshot-photo,.screenshot-photo { display:block; width:100%; aspect-ratio:1; padding:0; border:0; min-height:0; background-image:url('assets/project-gallery-reference.webp'); background-size:316.086957% 311.739130%; background-repeat:no-repeat; }
.crop-2 { background-position:48.993964% 50.308008%; }
.crop-3 { background-position:96.277666% 50.308008%; }
.crop-4 { background-position:1.710262% 98.151951%; }
.crop-5 { background-position:48.993964% 98.151951%; }
.crop-6 { background-position:96.277666% 98.151951%; }
#expanded-crop { width:min(70svh,100%); margin:auto; }
#expanded-image[hidden],#expanded-crop[hidden] { display:none; }
.implementation-gallery > h3 { margin-bottom: 26px; font-size: 1.8rem; }
.project-photos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.project-photos .gallery-item img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.project-photos .gallery-item span { gap:15px; font-size:.9rem; min-height:60px; align-items:center; }
@media(max-width:1000px) { .project-photos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; } }
@media(max-width:560px) { .project-photos { grid-template-columns:minmax(0,1fr); gap:25px; } .implementation-gallery { margin-top:38px; } }