/* Contact page only. Shared rules are in site.css. */

.ccd-contact-hero{padding:88px 0 40px}
.ccd-contact-hero h1{max-width:18ch}
.ccd-contact-hero .ccd-lede{margin-top:14px}
.ccd-contact-hero__cta{margin-top:32px}

/* details card grid */
.ccd-details{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.ccd-detail{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px}
.ccd-detail dt{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 8px}
.ccd-detail dd{margin:0;font-size:18px;color:var(--navy);font-weight:600}
.ccd-detail dd a{color:var(--navy)}

@media (max-width:860px){
  .ccd-details{grid-template-columns:1fr !important}
}