.contact-hero {
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: var(--sp-5);
}
.contact-hero__title { margin-top: var(--sp-4); margin-bottom: var(--sp-3); }

.contact-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: var(--sp-9);
  align-items: start;
  padding-top: var(--sp-6);
}

.field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-5);
}

@media (max-width: 860px) {
  .contact-grid { grid-template-columns: 1fr; gap: var(--sp-7); }
  .field-row { grid-template-columns: 1fr; }
}