section.page-section.get-in-touch section:is(.description, .cards) {
  flex: 0 0 auto;
  display: flex;
  padding-block: var(--theme-page-spacing-block-primary);
}

section.page-section.get-in-touch section.description {
  flex-basis: 45%;
  flex-direction: column;
  padding-inline-start: var(--theme-page-spacing-inline-primary);
}

section.page-section.get-in-touch section.description h1 {
  line-height: var(--theme-line-height-secondary);
  margin-block-end: var(--theme-page-spacing-block-primary);
}

section.page-section.get-in-touch section.description p em[target] {
  cursor: default;
}

section.page-section.get-in-touch section.cards {
  flex-direction: column;
  flex-basis: 55%;
  gap: calc(var(--theme-page-spacing-block-primary) / 2);
  padding-inline: var(--theme-page-spacing-inline-primary);
}

section.page-section.get-in-touch section.cards article.card {
  border-radius: 1.5em;
  padding: calc(var(--theme-page-spacing-inline-primary) / 2);
  background-color: var(--theme-background-color-secondary);
}

section.page-section.get-in-touch section.cards article.card h6 {
  margin-block-end: calc(var(--theme-page-spacing-block-primary) / 2.5);
}

section.page-section.get-in-touch section.cards article.card h6:not(:first-of-type) {
  margin-block-start: calc(var(--theme-page-spacing-block-primary) * 0.75);
}

section.page-section.get-in-touch section.cards article.card section.records {
  display: grid;
  grid: auto-flow / auto 1fr;
  gap: 1.2em calc(var(--theme-page-spacing-inline-primary) / 2.93);
}

section.page-section.get-in-touch section.cards article.card section.records>a[icon] {
  --contact-card-records-a-opacity: 1;
  --contact-card-records-a-font-weight: var(--theme-font-weight-primary);
  --contact-card-records-a-icon-transform-scale: 1;

  display: grid;
  grid-column: span 2;
  grid-template-columns: subgrid;
  align-items: center;
  opacity: var(--contact-card-records-a-opacity);
  font-weight: var(--contact-card-records-a-font-weight);
}

section.page-section.get-in-touch section.cards article.card section.records>a[icon]::before {
  font-size: 1.5em;
  transform: scale(var(--contact-card-records-a-icon-transform-scale));
  transition: inherit;
}

section.page-section.get-in-touch:has(section.description p em[target="phone"]:hover) section.cards article.card section.records>a[icon="phone"], 
section.page-section.get-in-touch:has(section.description p em[target="mail"]:hover) section.cards article.card section.records>a[icon="mail"], 
section.page-section.get-in-touch section.cards article.card section.records>a[icon]:is(:hover, :focus-visible):not(:active) {
  --contact-card-records-a-font-weight: 500;
}

section.page-section.get-in-touch:has(section.description p em[target="phone"]:hover) section.cards article.card section.records>a[icon="phone"]::before, 
section.page-section.get-in-touch:has(section.description p em[target="mail"]:hover) section.cards article.card section.records>a[icon="mail"]::before, 
section.page-section.get-in-touch section.cards article.card section.records>a[icon]:is(:hover, :focus-visible):not(:active)::before {
  --contact-card-records-a-icon-transform-scale: 1.25;
}

section.page-section.get-in-touch section.cards article.card section.records>a[icon]:active {
  --contact-card-records-a-opacity: 0.7;
}

section.page-section.get-in-touch section.cards article.card section.socials {
  display: flex;
  gap: 0.4em;
}

section.page-section.get-in-touch section.cards article.disclosure {
  font-size: var(--theme-font-size-tertiary);
  text-align: end;
  margin-block-start: calc(var(--theme-page-spacing-block-primary) / 2.5);
  padding-inline-start: calc(var(--theme-page-spacing-inline-primary) / 2);
}

section.page-section.get-in-touch section.cards article.disclosure h6 {
  font-size: inherit;
}

@media (max-width: 992px) {
  section.page-section:is(.get-in-touch) {
    flex-direction: column;
  }

  section.page-section.get-in-touch section.description {
    padding-block-end: 0;
    padding-inline: var(--theme-page-spacing-inline-primary);
  }

  section.page-section.get-in-touch section.cards article.card {
    padding: var(--theme-page-spacing-inline-primary);
  }
}