/* MOBILE */
.contact-form-section--detailed {
  .page-section__inner {
    display: grid;
    gap: 2rem;
  }
}

.contact-form-section--compact {
  .page-section__inner {
    display: grid;
    gap: 2rem;
  }
}

/* DESKTOP */
@media(min-width: 768px) {
  .contact-form-section--detailed {
    .page-section__inner {
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
    }
  }

  .contact-form-section--compact {
    .page-section__inner {
      grid-template-columns: 1fr 2fr;
      gap: 5rem;
    }
  }
}