/* ══════════════════════════════════════════
   CONTACT
══════════════════════════════════════════ */

.contact-body {
  display: grid; grid-template-columns: 1fr 1fr;
  height: 100%;
}
@media (max-width: 600px) {
  .contact-body { grid-template-columns: 1fr; }
}
.contact-col { border-right: var(--grid); overflow-y: auto; }
.contact-col:last-child { border-right: none; }

.contact-block {
  padding: 22px 26px; border-bottom: var(--grid);
  transition: background 0.2s;
}
.contact-block:hover { background: rgba(255,255,255,0.02); }

.contact-label {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em;
  color: var(--accent); display: block; margin-bottom: 10px;
}
.contact-val {
  font-size: 15px; color: var(--white); line-height: 1.7; font-weight: 300;
}
.contact-val a { color: var(--white); text-decoration: none; }
.contact-val a:hover { color: var(--accent); }
.contact-sub {
  font-size: 13px; color: var(--white-dim); margin-top: 4px; font-weight: 300;
}

/* PROCESS steps — tighter spacing */
.contact-step {
  display: flex; align-items: flex-start; gap: 16px;
  margin-bottom: 6px;   /* reduced from 14px */
}
.contact-step:last-child { margin-bottom: 0; }
.contact-step-num {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em;
  color: var(--accent); flex-shrink: 0; margin-top: 2px;
}
.contact-step-text {
  font-size: 14px; color: var(--white-dim); line-height: 1.5; font-weight: 300;
}

.contact-btn-wrap { padding: 22px 26px; }