/* contact.css: /contact/ (P6). The stage holds the porte-cochere photograph, the H1, the lede and the one action
   (WhatsApp) with its small print; the other ways to reach a person follow on night, set large like a calling card;
   the email form sits clean on porcelain. Tokens and grounds from base.css. */

/* ---------- the stage: the WhatsApp action and its small print ---------- */
.ct-reach { display: grid; gap: 18px; justify-items: start; }
.ct-wa .icon { margin-right: 2px; }
.aj-site .ct-late { margin: 0; max-width: 40ch; font-size: var(--fs-small); line-height: 1.5; color: var(--text-2); }

/* ---------- the ways to reach us: a calling card on night ---------- */
.aj-site .ct-ways { padding-block: clamp(64px, 2rem + 6vw, 136px); }
.ct-facts { margin: 0; display: grid; grid-template-columns: minmax(0, 1fr); column-gap: var(--col-gap); row-gap: clamp(32px, 3vw, 56px); }
.ct-fact { display: grid; gap: 14px; align-content: start; min-width: 0; padding-top: 20px; border-top: 1px solid var(--line); }
.ct-fact dt { font-size: var(--fs-meta); font-weight: 500; color: var(--text-2); }
.ct-fact dd { margin: 0; font-size: var(--fs-h3); font-weight: 500; letter-spacing: -0.01em; line-height: 1.25; color: var(--text); font-variant-numeric: tabular-nums; }
.aj-site .ct-fact.is-big dd { font-size: clamp(1.125rem, 0.8rem + 1.9vw, 2.5rem); letter-spacing: -0.025em; line-height: 1.15; }
.ct-fact.is-big { gap: clamp(16px, 2vw, 32px); }
.ct-fact a { color: var(--text); --link-y: calc(100% - 0.04em); }
@media (min-width: 720px) {
  .ct-facts { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .ct-fact:nth-child(odd) { grid-column: 1 / span 4; }
  .ct-fact:nth-child(even) { grid-column: 5 / -1; }
}
@media (min-width: 720px) and (max-width: 1023px) {
  .ct-fact.is-big { grid-column: 1 / -1; }
}

/* ---------- prefer email: the form ---------- */
.ct-more .land-intro .t-lede { max-width: 32ch; }
.ct-form-wrap { min-width: 0; }
.ct-quicker { align-items: center; }