/* Service-area hub; scoped so other landing pages retain their layouts. */
.clc-areas-page { background:#f7f7ef; color:#193d2b; }
.clc-areas-page [id] { scroll-margin-top:110px; }
.clc-areas-page .svc-hero { min-height:440px; }
.areas-hero-photo { position:absolute; inset:0; }
.areas-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:center 60%; }
.areas-hero-shade { position:absolute; inset:0; background:linear-gradient(95deg,#102f23e8,#173e2cbb); }
.clc-areas-page .svc-hero-content { width:min(900px,100%); padding:40px 24px; }
.clc-areas-page .svc-hero-content h1 { font-size:clamp(36px,5vw,62px); line-height:1.12; letter-spacing:-.025em; margin-bottom:20px; }
.clc-areas-page .svc-hero-eyebrow { color:#c7dbb8; font-size:11px; margin-bottom:16px; }
.clc-areas-page .svc-hero-content p { font-size:clamp(15px,2vw,18px); }
.clc-areas-page .svc-hero-content .svc-hero-eyebrow { font-size:11px; }
.clc-areas-page .clc-hero-actions { margin-top:30px; gap:10px; }
.clc-areas-page .clc-hero-actions a { min-height:48px; padding:12px 20px; font-size:14px; }
.clc-areas-page .clc-hero-actions a:first-child { background:#eef3e6; }
.clc-areas-page .svc-content { max-width:1120px; padding:28px 32px 70px; }
.areas-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#5a6b5a; font-size:12px; margin-bottom:48px; }
.areas-breadcrumb a { text-decoration:none; }
.clc-areas-page .svc-content .areas-eyebrow { color:#5e7557; font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; margin:0 0 12px; }
.clc-areas-page .svc-content h2 { font-size:clamp(28px,3vw,38px); margin:0 0 18px; letter-spacing:-.025em; line-height:1.2; }
.clc-areas-page .areas-intro { max-width:760px; color:#526357; }
.clc-areas-page .cities { gap:10px; margin:27px 0 35px!important; }
.clc-areas-page .cities li { padding:0; margin:0; border:1px solid #ccd8c5; border-radius:6px; background:#fff; }
.clc-areas-page .cities a { display:flex; align-items:center; min-height:46px; padding:9px 15px; color:#234b34; font-size:14px; font-weight:600; text-decoration:none; }
.clc-areas-page .cities a:hover { background:#e6eddf; }
.clc-areas-page .clc-coverage-grid { gap:18px; margin:0 0 56px; }
.clc-areas-page .clc-coverage-card { padding:26px; background:#eef2e7; border:1px solid #dce3d4; border-radius:12px; }
.clc-areas-page .clc-coverage-card h2 { font:700 22px/1.3 Inter,Arial,sans-serif; letter-spacing:-.025em; margin-bottom:12px; }
.clc-areas-page .clc-coverage-card p { color:#53634f; font-size:14px; line-height:1.8; }
.areas-services { border-top:1px solid #d0dac8; border-bottom:1px solid #d0dac8; padding:36px 0 26px; margin-bottom:40px; }
.clc-areas-page .clc-page-links { gap:10px; margin:20px 0 0!important; }
.clc-areas-page .clc-page-links li { margin:0; }
.clc-areas-page .clc-page-links a { background:#234e37; color:#fff; font-size:14px; padding:12px 18px; }
.clc-areas-page .svc-content .areas-location-note { font-size:12px; color:#64725e; margin:20px 0 0; }
.clc-areas-page .clc-inquiry { padding-block:70px; }
@media(max-width:768px) {
  .clc-areas-page .svc-hero { min-height:420px; }
  .clc-areas-page .svc-content { padding:24px 22px 48px; }
  .areas-breadcrumb { margin-bottom:32px; }
  .clc-areas-page .clc-coverage-grid { grid-template-columns:1fr; margin-bottom:36px; }
  .clc-areas-page .clc-coverage-card { padding:22px; }
  .clc-areas-page .cities { gap:8px; }
  .clc-areas-page .cities a { padding:9px 12px; font-size:13px; }
  .clc-areas-page .clc-inquiry { padding-block:48px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }