.area-hero{position:relative;max-width:1140px}
.area-hero .page-hero__title{max-width:1000px;font-size:clamp(32px,5vw,62px);line-height:1.08;overflow-wrap:break-word}
.area-hero .page-hero__desc{max-width:800px;color:#fff}
.area-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.area-contact{background:#fff!important;color:var(--dark)!important}
.area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%}
.area-card{display:block;text-decoration:none}
.area-card .service-name{font-size:25px;line-height:1.2}
.area-card__more{display:block;margin-top:20px;font-weight:600;color:var(--green-3)}
.area-card:focus-visible{outline:3px solid var(--green-3);outline-offset:4px}
.area-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.area-example img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:14px;background:var(--bg)}
.area-example .city-link{margin-top:18px}
.area-page .body-text{color:#3b4b43;max-width:85ch}
.area-page .crumbs{flex-wrap:wrap;line-height:1.6}
.area-page .city-links{margin-top:22px}
@media(max-width:700px){.area-grid,.area-example{grid-template-columns:1fr}.area-actions{align-items:stretch;flex-direction:column}.area-actions .btn{text-align:center;justify-content:center}.area-hero .page-hero__title{font-size:32px}.area-page .page-hero{padding:40px 0}}
@media(prefers-reduced-motion:reduce){.area-card{transition:none}.area-card:hover{transform:none}}