/* ==========================================================================
   Contact — v1 "Segmented by audience"
   Extends css/site.css (the shared Salla Developers chrome + component set).
   ========================================================================== */

.ct-hero { padding-block: clamp(3rem, 7vw, 5rem); }
.ct-hero__copy { position: relative; z-index: 1; max-width: 40rem; }
.ct-hero__copy h1 { font-size: clamp(1.9rem, 3.6vw, 2.7rem); margin: 1.1rem 0 0; letter-spacing: -.02em; }
.ct-hero__copy .lead { margin-top: 1.1rem; }

.ct-route { text-decoration: none; }
.ct-route:hover { text-decoration: none; }

.ct-hq { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.ct-hq__block h3 { font-size: 1.02rem; margin-bottom: .6rem; }
.ct-hq__block p { color: var(--text-muted); font-size: .95rem; line-height: 1.6; }
.ct-hq__block a { font-weight: 600; }
@media (max-width: 720px) { .ct-hq { grid-template-columns: 1fr; gap: 1.5rem; } }