/* Compact contact page layout — Dutch and English. */
@media (min-width: 961px) {
  .page-intro .intro-grid {
    display: grid;
    grid-template-columns: minmax(150px, .34fr) minmax(360px, 1.25fr) minmax(320px, 1fr);
    align-items: center;
    gap: clamp(1.5rem, 3vw, 3.5rem);
  }

  .page-intro .intro-grid > * {
    margin: 0 !important;
  }
}

@media (max-width: 760px) {
  .page-intro {
    padding-top: 1.45rem !important;
    padding-bottom: 1.1rem !important;
  }

  .page-intro .eyebrow {
    margin-bottom: .4rem !important;
  }

  .page-intro h1 {
    margin-bottom: .65rem !important;
    font-size: clamp(1.9rem, 8vw, 2.45rem) !important;
  }

  .contact-panel {
    padding: 1.35rem 1rem !important;
  }

  .contact-panel h2 {
    margin: .35rem 0 .6rem !important;
    font-size: 1.65rem !important;
  }

  .contact-panel > p {
    margin: .45rem 0 !important;
    font-size: .94rem;
    line-height: 1.55;
  }

  .contact-panel > p:last-of-type {
    margin-top: .8rem !important;
    padding: .7rem .8rem !important;
  }

  .contact-business-details {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
  }

  .contact-business-details h3,
  .contact-business-details > p {
    grid-column: 1 / -1 !important;
  }

  .contact-business-details h3 {
    margin: 0 !important;
    font-size: 1.35rem !important;
  }

  .contact-business-details > p {
    font-size: .82rem !important;
  }

  .contact-business-details > p:nth-of-type(2) {
    margin-bottom: .25rem !important;
  }

  .contact-business-details .contact-email-link,
  .contact-business-details a[href^="tel:"],
  .contact-business-details a[href*="linkedin.com/company"],
  .contact-business-details a[href*="linkedin.com/in/"] {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: .55rem !important;
    justify-content: center !important;
    gap: .4rem !important;
  }

  .contact-business-details a[href*="linkedin.com"] span {
    font-size: .72rem;
    line-height: 1.2;
  }
}