@media (min-width: 901px) {
  .page-hero-contact {
    padding-block: 5.5rem 4.5rem !important;
  }

  .page-hero-contact + .section {
    padding-block: 4rem !important;
  }

  .contact-grid {
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr) !important;
    gap: 4.5rem !important;
    max-width: 1120px;
    margin-inline: auto;
  }

  .contact-grid h2 {
    max-width: 15ch;
    margin-bottom: 1.2rem;
  }

  .contact-notes {
    margin-top: 2rem !important;
  }

  .contact-grid > div:first-child {
    min-width: 0 !important;
    width: 100% !important;
  }

  .contact-notes > div {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start !important;
    gap: 1rem !important;
    width: 100% !important;
    padding: .9rem 0 !important;
  }

  .contact-notes > div > span {
    flex: 0 0 44px !important;
  }

  .contact-notes > div > p {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .contact-notes > div > p b {
    display: inline !important;
  }

  .form-card {
    padding: 2.4rem !important;
    box-shadow: 0 20px 55px rgba(7,17,31,.09) !important;
  }

  .form-card label {
    margin-top: .7rem !important;
  }

  .form-card textarea {
    min-height: 140px;
  }
}

@media (max-width: 900px) {
  .page-hero-contact {
    padding-block: 4.5rem 3.5rem !important;
  }

  .page-hero-contact + .section {
    padding-block: 3rem !important;
  }

  .contact-grid {
    gap: 2.5rem !important;
  }

  .contact-notes {
    margin-top: 2rem !important;
  }

  .form-card {
    padding: 1.5rem !important;
  }
}