/* Ackerman Pump — homepage / brand landing page.
   Loaded AFTER theme.css. Adds only what the town pages do not have, so theme.css
   stays exactly as the live town pages expect it. */

/* Hero: no town line to carry, so the headline gets the room instead. */
.hero-home .hero-in{padding-top:44px}
.hero-home .hero-in > *{max-width:48rem}

/* ---------- triage router ---------- */
.triage{background:var(--white);border-bottom:1px solid var(--line)}
.triage-in{display:grid;gap:12px;padding-block:22px}
@media(min-width:820px){.triage-in{grid-template-columns:repeat(3,1fr)}}
.tri{
  display:flex;flex-direction:column;gap:4px;text-decoration:none;
  background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--red);
  border-radius:var(--r);padding:16px 18px;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.tri:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,32,52,.10);border-color:var(--red)}
.tri:active{transform:translateY(0)}
.tri-k{font-weight:800;color:var(--navy);font-size:1.05rem}
.tri-v{font-size:.9rem;color:var(--ink-2)}

/* ---------- shared section headings ---------- */
.sec-h{font-size:clamp(1.5rem,4vw,2.1rem);color:var(--navy);margin-bottom:.25em}
.sec-sub{color:var(--ink-2);max-width:60ch;margin-bottom:1.6em}

/* ---------- services ---------- */
.svc{padding-block:46px}
.svc-grid{display:grid;gap:16px}
@media(min-width:700px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.svc-grid{grid-template-columns:repeat(3,1fr)}}
.svc-card{
  background:var(--white);border:1px solid var(--line);border-top:4px solid var(--navy-3);
  border-radius:var(--r);padding:20px;box-shadow:0 2px 10px rgba(16,32,52,.05);
}
.svc-card h3{margin:0 0 .45em;font-size:1.08rem;color:var(--navy);line-height:1.25;letter-spacing:-.01em}
.svc-card p{margin:0;color:var(--ink-2);font-size:.95rem}
.svc-cta{margin:26px 0 0;font-size:1.02rem;color:var(--ink)}
.svc-cta a{color:var(--red);font-weight:800;text-decoration:none;border-bottom:2px solid rgba(164,22,26,.28)}
.svc-cta a:hover{border-bottom-color:var(--red)}

/* ---------- reviews, six up ---------- */
@media(min-width:800px){.rev-grid-6{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1050px){.rev-grid-6{grid-template-columns:repeat(3,1fr)}}

/* ---------- service area ---------- */
.area{background:var(--white);border-top:1px solid var(--line);padding-block:46px}
/* Multi-column, not grid: five counties of very unequal length pack tightly
   this way instead of leaving a hole where the short columns end. */
.area-grid{columns:240px 4;column-gap:26px}
.area-col{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 22px}
.area-col h3{
  margin:0 0 .6em;font-size:.82rem;font-weight:800;color:var(--red);
  text-transform:uppercase;letter-spacing:.08em;
}
.area-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.area-col a{
  color:var(--navy);text-decoration:none;font-size:.97rem;font-weight:600;
  border-bottom:1px solid transparent;
}
.area-col a:hover{border-bottom-color:var(--red);color:var(--red)}
.area-foot{margin:26px 0 0;color:var(--ink-2);font-size:.97rem}
.area-foot a{color:var(--red);font-weight:800;text-decoration:none}

/* ---------- footer tweak ---------- */
.foot a{color:#9fc4e8;text-decoration:none;font-weight:700}
.foot a:hover{color:#fff}