/* Contact columns: breathing room and stable wrapping */

.contact-section {
  grid-template-columns: minmax(0, 1fr) minmax(28.5rem, 0.96fr);
  gap: clamp(6rem, 8vw, 7.5rem);
}

.contact-title {
  max-width: 100%;
  font-size: clamp(2.2rem, 2.15vw, 2.4rem);
  line-height: 1.06;
}

.contact-intro > p:not(.eyebrow) {
  max-width: 40ch;
}

.contact-form {
  width: 100%;
}

@media (max-width: 1180px) {
  .contact-section {
    grid-template-columns: 1fr;
    gap: clamp(2.75rem, 6vw, 4rem);
    align-items: stretch;
  }

  .contact-intro {
    max-width: 46rem;
  }

  .contact-title {
    font-size: clamp(2.35rem, 5vw, 3.1rem);
  }

  .contact-form {
    max-width: 44rem;
  }
}

@media (max-width: 680px) {
  .contact-title {
    font-size: clamp(2rem, 9.5vw, 2.55rem);
  }

  .contact-title span {
    white-space: normal;
  }
}