.service-hero,.area-hero,.project-hero{background:var(--servio-color-surface);padding:clamp(3rem,7vw,6rem) 0}.service-hero .servio-container,.area-hero .servio-container,.project-hero .servio-container{max-width:var(--servio-content-width);margin-inline:auto}.service-hero h1,.area-hero h1,.project-hero h1{max-width:850px}.service-hero .hero-copy,.area-hero .hero-copy{color:var(--servio-color-text)}.service-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.25rem 0 0;padding:0;list-style:none}.service-meta li{border:1px solid var(--servio-color-border);padding:.35rem .7rem;background:#fff;font-weight:700;font-size:.85rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:3.5rem}.content-aside{padding:1.5rem;background:var(--servio-color-surface);align-self:start}.content-aside h2{font-size:1.35rem}.related-list{padding:0;list-style:none}.related-list li+li{border-top:1px solid var(--servio-color-border)}.related-list a{display:block;padding:.7rem 0;font-weight:700;text-decoration:none}.project-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2rem 0}.project-detail-grid section{padding:1.25rem;border:1px solid var(--servio-color-border)}.project-detail-grid h2{font-size:1.2rem}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2.5rem 0}.before-after figure{margin:0}.before-after figcaption{font-weight:800;padding:.6rem;background:var(--servio-color-secondary);color:#fff}.before-after img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.testimonial-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.testimonial-archive blockquote{margin:1rem 0;font-size:1.05rem}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.contact-cards section{padding:1.25rem;background:var(--servio-color-surface)}.contact-cards h2{font-size:1.15rem}@media(max-width:760px){.content-layout,.project-detail-grid,.before-after,.testimonial-archive,.contact-cards{grid-template-columns:1fr}.content-aside{order:-1}}
.service-hero .servio-container,.area-hero .servio-container,.project-hero .servio-container{max-width:var(--servio-container-width)}