/* Contact — page-unique material only, loaded after site.css.
   One act (the three ways in, staged), then who answers and what to send.
   Thin page, one act, per the act-count rule. */

/* ============ ACT · THE WAYS IN ============ */

.routes { display: grid; gap: var(--space-5); margin-top: var(--space-8); max-width: 1000px; }
@media (min-width: 860px) { .routes { grid-template-columns: repeat(3, 1fr); } }
.route {
  background: var(--surface); border: 1px solid rgba(236,237,236,0.1); border-radius: 16px;
  padding: var(--space-6); display: grid; gap: var(--space-3); align-content: start;
  box-shadow: 0 14px 40px rgba(0,0,0,0.4);
}
.route__k { font-family: var(--font-label); font-size: var(--text-caption); font-weight: 600;
  letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--slate); }
.route h3 { font-size: var(--text-h4); color: var(--paper); }
.route p { font-size: var(--text-small); color: var(--slope); }
.route .tm-arrow { margin-top: var(--space-2); font-size: var(--text-small); }

.contact-payoff { margin-top: var(--space-8); font-size: var(--text-body); color: var(--slope); max-width: 54ch; }
.contact-payoff strong { color: var(--paper); }

/* ============ WHO ANSWERS ============ */

.who { display: grid; gap: var(--space-12); }
@media (min-width: 900px) { .who { grid-template-columns: minmax(0,7fr) minmax(0,5fr); } }
.who__body p { color: var(--body-ink); }
.who__body p + p { margin-top: var(--space-4); }
.who__body strong { color: var(--ink); }
.who__aside { display: grid; gap: var(--space-5); align-content: start; }
.who__fact { padding-top: var(--space-4); border-top: 1px solid rgba(14,19,24,0.14); }
.who__fact-k { font-family: var(--font-label); font-size: var(--text-caption); font-weight: 600;
  letter-spacing: var(--tracking-wider); text-transform: uppercase; color: var(--logo); }
.who__fact p { margin-top: var(--space-2); font-size: var(--text-small); color: var(--body-ink); }

/* ============ WHAT TO SEND ============ */

.sendlist { display: grid; gap: var(--space-3); margin-top: var(--space-6); max-width: 640px; }
.senditem { display: grid; grid-template-columns: auto 1fr; gap: var(--space-4); align-items: baseline;
  padding-top: var(--space-3); border-top: 1px solid rgba(14,19,24,0.12);
  font-size: var(--text-small); color: var(--body-ink); }
.senditem__n { font-family: var(--font-label); font-size: var(--text-caption); color: var(--label-ink);
  font-variant-numeric: tabular-nums; }
.senditem strong { color: var(--ink); }

.bigmail { margin-top: var(--space-10); }
.bigmail a {
  font-family: var(--font-display); font-weight: 800; letter-spacing: var(--tracking-tight);
  font-size: clamp(1.4rem, 1rem + 2.4vw, 2.6rem); color: var(--ink);
  border-bottom: 3px solid var(--logo); padding-bottom: 4px;
  transition: color var(--dur-fast) var(--ease-entrance);
}
.bigmail a:hover { color: var(--logo); }