.contact-intro { padding: 50px 0 70px; }
.contact-intro__lead { max-width: 720px; margin: 0 auto 32px; text-align: center; font-weight: 600; }
.contact-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.contact-method { display: flex; flex-direction: column; align-items: center; padding: 30px 22px; border: 1px solid #dce8f0; border-radius: var(--radius); background: #fff; text-align: center; box-shadow: var(--shadow); }
.contact-method h2 { margin-bottom: 10px; color: var(--color-primary); font-size: 1.35rem; }
.contact-method p { flex: 1; margin-bottom: 22px; color: var(--color-muted); font-size: .92rem; }
.contact-method .button { width: 100%; }
.contact-method__address { display: block; margin-bottom: 18px; overflow-wrap: anywhere; color: var(--color-primary); font-weight: 800; }
.contact-method__note { margin-top: 14px; color: var(--color-muted); font-size: .78rem; }
.contact-method--line .button { border: 0; color: #fff; background: var(--color-green); }
@media (max-width: 767px) {
  .contact-methods { grid-template-columns: 1fr; }
  .contact-intro { padding: 36px 0 52px; }
}