section.contacts {
  padding: var(--section-padding-top-mobile) 0;
}

.contacts__grid {
  display: grid;
  gap: 1rem;
  /*grid-template:
    "img l-card-1 l-card-1" auto
    "img l-card-2 l-card-2" auto
    "m-card-1 m-card-2 m-card-3" auto / repeat(3, 1fr);*/
  grid-template-columns: repeat(3, 1fr);
}

.contacts__card:nth-child(-n + 2) {
  grid-column: 2 / 4;
}

.contacts__card {
  padding: 2rem 1.75rem;
  display: grid;
  grid-template:
  "icon title" auto
  "info info" auto / auto 1fr;
  gap: 1rem;
  background: var(--03);
  letter-spacing: -1%;
}

.contacts__card-title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.contacts__card-text {
  grid-area: info;
  line-height: 1.4;
  align-self: flex-end;
}

.contacts_img {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.contacts_img > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

@media (max-width: 1024px) {
  .contacts__grid {
    grid-template-columns: 1fr;
  }

  .contacts__card:nth-child(-n + 2) {
    grid-column: initial;
  }

  .contacts_img {
    grid-column: initial;
    grid-row: initial;
  }

  .contacts_img > img {
    height: auto;
  }
}