.completed-projects,.service-project{background:var(--cream,#f6f3ed)}
.completed-project-panel,.service-project .service-project-card{background:#fff;border:1px solid #dedee1;border-radius:10px;padding:clamp(18px,3vw,30px);min-width:0}
.completed-project-panel[hidden]{display:none}.completed-project-panel h3{font-size:1.6rem;margin-bottom:18px}.project-tabs{flex-wrap:wrap;gap:4px}.project-tabs button{flex:1;padding:14px 17px}
.service-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.service-project-gallery--three,.service-project-gallery:has(figure:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.service-project-gallery:has(figure:only-child){grid-template-columns:1fr}
.service-project-gallery figure{margin:0;min-width:0}.service-project-gallery a{display:block;min-width:0;border-radius:7px;overflow:hidden;background:#f1f1ef}.service-project-gallery img{display:block;width:100%;max-width:100%;height:260px;object-fit:contain}.service-project-gallery:has(figure:only-child) img{height:350px}.service-project-gallery figcaption{margin-top:8px;font-size:.9rem;font-weight:700;color:var(--navy,#202126)}
.service-project-description{max-width:80ch}.service-project-metrics{display:flex;flex-wrap:wrap;gap:20px 48px;margin:22px 0 0}.service-project-metrics div{min-width:0}.service-project-metrics dt{font-size:.9rem;font-weight:600;color:var(--navy,#202126)}.service-project-metrics dd{margin:4px 0 0;font-size:1.15rem;font-weight:700;color:var(--navy,#202126)}.project-service-link{margin:22px 0 0}.project-service-link a{color:#ad1b28;font-weight:650}
@media(max-width:760px){.project-tabs button{flex:1 1 28%;font-size:.85rem;padding:12px 9px}.service-project-gallery{gap:10px}.service-project-gallery img{height:180px}.service-project-gallery--three,.service-project-gallery:has(figure:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}.service-project-gallery--three figure:first-child,.service-project-gallery:has(figure:nth-child(3)) figure:first-child{grid-column:1/-1}.service-project-gallery--three figure:first-child img,.service-project-gallery:has(figure:nth-child(3)) figure:first-child img{height:250px}.service-project-metrics{gap:18px 28px}.service-project-gallery:has(figure:only-child) img{height:230px}.service-layout--project>.service-aside{grid-row:auto;order:initial}}

/* Three homepage cases share the existing service-tab treatment. */
.project-tabs{gap:0;flex-wrap:nowrap}.project-tabs button{flex:1;padding:16px 18px}
@media(max-width:640px){.project-tabs button{flex:1;white-space:normal;padding:14px 7px;font-size:.79rem}}
