
:is(.service-page,.service-city-page,.city-page){--space:clamp(3rem,5.5vw,5.5rem)}
.surface-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px 6%;align-items:center;max-width:1440px;margin:auto}
.surface-layout>h2{grid-column:1/-1;max-width:30ch;font-size:clamp(2.35rem,3.5vw,3.75rem);line-height:1.08}
.surface-layout>.body-copy{min-width:0}.surface-layout .body-copy>p{max-width:64ch}.surface-layout .body-copy>p:last-child{margin-bottom:0}
.surface-photo{min-width:0}.surface-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--steel);color:var(--navy)}
.surface-photo figcaption{font-size:.8125rem;line-height:1.5;padding-top:12px;color:var(--muted)}
.surface-overview{padding-top:clamp(2.5rem,4vw,4rem);background:var(--ice)}
.surface-overview .surface-photo{position:sticky;top:calc(var(--header-height,96px) + 24px);align-self:start}
.surface-visit{padding-block:clamp(3rem,5.5vw,5.5rem)}
.surface-visit .surface-layout,.surface-context .surface-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"title image" "copy image";gap:28px 7%;align-items:start}
.surface-visit h2,.surface-context h2{grid-area:title;align-self:end;font-size:clamp(2.1rem,3.2vw,3.5rem)}
.surface-visit .surface-photo,.surface-context .surface-photo{grid-area:image;align-self:center}
.surface-visit .body-copy,.surface-context .body-copy{grid-area:copy}
.surface-visit .surface-photo figcaption{color:var(--steel)}
.surface-context{background:#d7e8f1}.surface-context .body-copy{color:var(--navy)}
.city-page .surface-context .surface-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-areas:"title title" "copy image"}.city-page .surface-context .surface-photo{align-self:start}
:is(.service-page,.service-city-page,.city-page) .chapter-wrap>h2{font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.1;margin-bottom:28px;max-width:32ch}
.service-page .method-chapter{background:var(--ice);padding-top:0;padding-bottom:clamp(3rem,5.5vw,5.5rem)}
.service-page .method-chapter .chapter-wrap{max-width:1440px;border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:7%}
.service-page .method-chapter h2{font-size:clamp(1.8rem,2.6vw,2.7rem);margin:0}
.service-page .timing-chapter{padding-block:48px}.service-page .timing-chapter .chapter-wrap{max-width:1060px}
.service-page .cost-guide .chapter-wrap{max-width:1200px}.service-page .cost-guide h2{max-width:30ch}.service-page .cost-guide .copy-list{gap:0 64px;margin-block:28px}.service-page .cost-guide .copy-list li{padding-block:20px}
.service-page .trust-layout{grid-template-columns:minmax(180px,270px) minmax(0,1fr);gap:10%;max-width:1080px}.service-page .owner-portrait img{background:#103d54}.service-page .trust-layout h2{margin:0 0 28px;font-size:clamp(2.3rem,3.4vw,3.6rem)}
:is(.service-page,.service-city-page,.city-page) .proof-chapter{padding-block:48px}.service-page .proof-chapter h2{font-size:clamp(1.85rem,2.5vw,2.7rem)}
.service-page .coverage-chapter .chapter-wrap{max-width:1200px}.service-page .coverage-chapter .copy-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin:24px 0}.service-page .coverage-chapter .copy-list li{display:flex;padding:0}.service-page .coverage-chapter .copy-list a{display:flex;align-items:center;min-height:72px;padding:16px 0;width:100%}
:is(.service-page,.service-city-page,.city-page) .faq-chapter .chapter-wrap{max-width:1200px;display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:7%;align-items:start}
:is(.service-page,.service-city-page,.city-page) .faq-chapter h2{font-size:clamp(2.2rem,3.4vw,3.25rem);margin:0}
:is(.service-page,.service-city-page,.city-page) .closing-band .chapter-wrap{max-width:1200px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%;align-items:center}
:is(.service-page,.service-city-page,.city-page) .closing-band h2{margin:0;font-size:clamp(2.5rem,4vw,4rem)}
:is(.service-page,.service-city-page,.city-page) .closing-band .actions{margin-top:24px}.closing-band .body-copy>.actions:first-child{margin-top:0}
@media(max-width:1050px){.surface-layout{gap:30px 5%}.surface-visit .surface-layout,.surface-context .surface-layout{gap:24px 5%}.service-page .coverage-chapter .copy-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .surface-layout,.surface-visit .surface-layout,.surface-context .surface-layout{grid-template-columns:1fr;grid-template-areas:"title" "image" "copy";gap:24px}
 .city-page .surface-context .surface-layout{grid-template-columns:1fr;grid-template-areas:"title" "image" "copy"}
 .surface-layout>h2{grid-area:title;font-size:clamp(2rem,7.6vw,2.8rem)}.surface-layout>.surface-photo{grid-area:image}.surface-layout>.body-copy{grid-area:copy}
 .surface-photo img{aspect-ratio:3/2}.surface-photo figcaption{padding-top:8px}
 .surface-overview .surface-photo{position:static}
 .service-page .method-chapter .chapter-wrap{grid-template-columns:1fr;gap:20px;padding-top:28px}.service-page .method-chapter h2{font-size:1.85rem}
 .service-page .timing-chapter{padding-block:40px}.service-page .cost-guide .copy-list{grid-template-columns:1fr;gap:0}
 .service-page .trust-layout{grid-template-columns:1fr;gap:24px}.service-page .owner-portrait{max-width:220px}
 .service-page .coverage-chapter .copy-list{grid-template-columns:1fr;gap:0}.service-page .coverage-chapter .copy-list a{min-height:60px}
 :is(.service-page,.service-city-page,.city-page) .faq-chapter .chapter-wrap,:is(.service-page,.service-city-page,.city-page) .closing-band .chapter-wrap{grid-template-columns:1fr;gap:28px}
 :is(.service-page,.service-city-page,.city-page) .chapter-wrap>h2{font-size:clamp(2rem,7.5vw,2.8rem)}
}


.inner-hero .hero-description a{text-decoration:underline;text-underline-offset:4px}
