.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.comparison-card{position:relative;margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px rgba(20,26,24,.08)}.comparison-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.comparison-card figcaption{padding:20px 22px 23px}.comparison-card figcaption b{display:block;font-size:20px;margin-bottom:5px}.comparison-label{position:absolute;top:16px;left:16px;background:var(--yellow);color:#111;padding:7px 11px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.14em}.project-summary{margin-top:24px;padding:28px 30px;background:var(--charcoal);color:#fff;border-radius:16px}.project-summary p{color:#d1d3d2;margin-bottom:0}@media(max-width:700px){.before-after{grid-template-columns:1fr}.comparison-card img{aspect-ratio:4/3}}
.service-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.service-photo-grid .comparison-card img{aspect-ratio:4/3}.service-photo-grid+.project-summary{margin-top:20px}@media(max-width:700px){.service-photo-grid{grid-template-columns:1fr}}
.site-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.site-gallery .comparison-card img{aspect-ratio:16/10}.site-gallery .comparison-card figcaption{padding:17px 20px 20px}.site-gallery .comparison-card figcaption b{font-size:18px}@media(max-width:700px){.site-gallery{grid-template-columns:1fr}.site-gallery .comparison-card img{aspect-ratio:4/3}}
.factory-office{margin-top:20px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}.factory-office img{height:100%;min-height:340px;aspect-ratio:auto}.factory-office figcaption{display:flex;flex-direction:column;justify-content:center;padding:34px}.factory-office figcaption b{font-size:24px}@media(max-width:700px){.factory-office{grid-template-columns:1fr}.factory-office img{min-height:0;aspect-ratio:4/3}.factory-office figcaption{padding:22px}}
/* Keep real project photography compact: roughly quarter-page cards on desktop. */
.before-after,.service-photo-grid,.site-gallery{grid-template-columns:repeat(auto-fit,minmax(220px,280px));justify-content:center}.comparison-card img,.service-photo-grid .comparison-card img,.site-gallery .comparison-card img{height:190px;aspect-ratio:auto;object-fit:cover}.factory-office{max-width:650px;margin-left:auto;margin-right:auto;grid-template-columns:280px 1fr}.factory-office img{width:280px;height:260px;min-height:0;object-fit:cover}.compact-office-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,270px));justify-content:center;gap:20px;margin-top:36px}.compact-office-gallery .comparison-card img{width:100%;height:180px;object-fit:cover}.compact-office-gallery .comparison-card figcaption{padding:15px 17px 18px}.compact-office-gallery .comparison-card figcaption b{font-size:17px}.compact-office-gallery .comparison-label{top:12px;left:12px}@media(max-width:700px){.before-after,.service-photo-grid,.site-gallery,.compact-office-gallery{grid-template-columns:minmax(0,1fr)}.comparison-card img,.service-photo-grid .comparison-card img,.site-gallery .comparison-card img,.compact-office-gallery .comparison-card img{height:230px}.factory-office{grid-template-columns:1fr;max-width:100%}.factory-office img{width:100%;height:230px}}