@media (max-width: 760px) {
  .contact-section {
    padding: 94px 19px 96px;
  }

  .contact-shell {
    padding-top: 24px;
  }

  .contact-kicker {
    margin-bottom: 54px;
    font-size: 8px;
  }

  .contact-heading h2 {
    font-size: clamp(82px, 27vw, 132px);
    line-height: 0.78;
  }

  .contact-heading h2 span {
    display: block;
  }

  .contact-body {
    display: block;
    margin-top: 68px;
  }

  .contact-intro {
    max-width: 350px;
  }

  .contact-intro p {
    font-size: 14px;
    line-height: 1.65;
  }

  .contact-intro > span {
    margin-top: 19px;
    font-size: 7px;
  }

  .contact-methods {
    margin-top: 54px;
  }

  .contact-method {
    min-height: 82px;
    padding-right: 38px;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
  }

  .contact-method:hover {
    padding-left: 8px;
  }

  .contact-method-label {
    font-size: 7px;
  }

  .contact-method strong {
    font-size: clamp(14px, 4.5vw, 19px);
  }

  .contact-method i {
    right: 2px;
    font-size: 16px;
  }
}

@media (max-width: 340px) {
  .contact-section {
    padding-right: 14px;
    padding-left: 14px;
  }

  .contact-method {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
  }
}