/* =============================================================
   CONTACT — closing call-to-action + contact tiles.
   ============================================================= */
.contact-section{background:var(--paper-2);border-top:1px solid var(--line)}
.contact-cta{text-align:center}
.contact-cta h2{font-size:clamp(32px,5vw,54px);max-width:16ch;margin:0 auto 16px}
.contact-cta .lead{color:var(--ink-2);font-size:18px;max-width:40ch;margin:0 auto 30px}

.contact-methods{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}
.cm{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:14px 18px;text-align:left;transition:border-color .2s, transform .15s}
.cm:hover{border-color:var(--gold);transform:translateY(-2px)}
.cm .ci{width:40px;height:40px;border-radius:10px;background:var(--gold-wash);color:var(--gold-2);
  display:grid;place-items:center;flex:none}
.cm .k{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.cm .v{font-weight:700;font-size:15px}