/* Contact page (chat-with-us.html) */
.contact { display: grid; gap: 56px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) {
  .contact { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 80px; align-items: start; }
}
.contact__form { display: grid; gap: 14px; }
.contact__pair { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .contact__pair { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.contact__aside { display: grid; gap: 0; border-top: 1px solid var(--border); }
.contact__item { padding: 24px 0; border-bottom: 1px solid var(--border); display: grid; gap: 6px; }
.contact__item .eyebrow { margin: 0; }
.contact__item p { margin: 0; color: var(--fg-2); }
.contact__big { font-family: "Libre Franklin", sans-serif; font-weight: 800; font-size: clamp(20px, 2.4vw, 24px); line-height: 1.2; color: var(--fg); text-decoration: none; overflow-wrap: anywhere; display: inline-flex; align-items: center; min-height: 44px; }
.contact__big:hover { color: var(--fg); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; }
@media (min-width: 960px) { .contact__aside { position: sticky; top: calc(var(--nav-h) + 24px); } }
.contact__main { display: grid; gap: 16px; min-width: 0; }
/* The form follows the intro directly, so its section starts close beneath it. */
.section:has(+ .section > .contact), .section:has(+ .section .contact) { padding-bottom: clamp(16px, 2vw, 28px); }
.section:has(> .contact) { padding-top: clamp(16px, 2vw, 28px); }
.contact__h { margin: 0; font-size: clamp(24px, 3vw, 32px); }
.contact__alt { margin: 4px 0 0; font-size: 16px; color: var(--fg-2); }
.contact__alt a { color: var(--fg); font-weight: 600; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.contact__alt a:hover { text-decoration-thickness: 3px; }