/* Project photography layouts - kept separate for easy future gallery edits. */
.page-hero-projects{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,24,32,.96),rgba(4,24,32,.68)),url('images/solar-racking-construction.webp') center 58%/cover}
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.work-card{grid-column:span 4;margin:0;background:#fff;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.work-card-wide{grid-column:span 8}
.work-card img{width:100%;height:360px;object-fit:cover;transition:transform .45s ease}
.work-card-wide img{height:430px}
.work-card:hover img{transform:scale(1.025)}
.work-card figcaption{padding:25px;display:grid;gap:7px}
.work-card figcaption span{color:#568638;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.work-card figcaption strong{font-size:1.35rem;line-height:1.18}
.work-card figcaption p{margin:0;color:var(--muted)}
@media(max-width:900px){.work-card,.work-card-wide{grid-column:span 6}.work-card img,.work-card-wide img{height:350px}}
@media(max-width:620px){.work-card,.work-card-wide{grid-column:1/-1}.work-card img,.work-card-wide img{height:330px}}