/* PROJECT PHOTOS: electronics, console and network cabling galleries. */
.project-showcase{padding:92px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.project-showcase.alt{background:#edf6ff}

.project-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}

.project-showcase-head h2{font-size:clamp(2.3rem,4vw,3.8rem);letter-spacing:-.05em;margin-top:10px}

.project-showcase-head p{max-width:520px;color:var(--muted);margin:0}

.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.project-photo{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(28,74,117,.1)}

.project-photo img{display:block;width:100%;height:560px;object-fit:cover}

.project-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;font-weight:800}

.project-photo figcaption span{font-size:.68rem;letter-spacing:.14em;color:var(--blue)}

.repair-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.repair-gallery .project-photo img{height:350px}

.repair-gallery .project-photo:first-child,.repair-gallery .project-photo:last-child{grid-column:span 2}

.repair-gallery .project-photo:first-child img,.repair-gallery .project-photo:last-child img{height:410px}

.project-pair-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 16px}
.project-pair-title span{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:var(--blue)}
.project-pair-title h3{font-size:1.35rem}
.project-pair-title.completed-title{margin-top:44px}
.completed-projects .project-photo img{height:520px}

@media(max-width:900px){.project-showcase-head{display:block}
.project-showcase-head p{margin-top:18px}
.repair-gallery{grid-template-columns:1fr 1fr}
.repair-gallery .project-photo:first-child,.repair-gallery .project-photo:last-child{grid-column:auto}
.repair-gallery .project-photo img,.repair-gallery .project-photo:first-child img,.repair-gallery .project-photo:last-child img{height:350px}
}

@media(max-width:600px){.project-showcase{padding:70px 0}
.before-after,.repair-gallery{grid-template-columns:1fr}
.project-photo img,.repair-gallery .project-photo img,.repair-gallery .project-photo:first-child img,.repair-gallery .project-photo:last-child img{height:390px}
.project-pair-title{display:block}.project-pair-title h3{margin-top:5px}.completed-projects .project-photo img{height:390px}
.project-photo figcaption{padding:14px 16px}
}