p {
  margin: 0;
}
.contact {
  padding-block-start: var(--columns-gap);
  padding-block-end: var(--columns-gap);
}
.contact .wrapper {
  grid-template-columns: 1fr 1.5fr;
  column-gap: calc(var(--section-padding) * 1.5);
  row-gap: var(--columns-gap);
}
.contact .one {
  position: sticky;
  inset-block-start: 2rem;
}
.contact .bio {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--gap);
}
.contact .name {
  display: grid;
  align-content: center;
  gap: calc(var(--gap) / 2);
}
.contact .name p {
  font-size: var(--fs-xs);
  line-height: 1.1;
}
.contact .name p:first-child {
  font-size: var(--fs-m);
  font-weight: 700;
}
.contact img {
  transform: scaleX(-1);
  border-radius: var(--br-full);
  inline-size: 8rem;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: top;
}
.contact .cards-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--columns-gap);
  padding-block-end: calc(var(--columns-gap) / 1.5);
}
.contact .cards-wrapper h2 {
  font-size: var(--fs-xs);
  font-weight: 700;
  text-transform: uppercase;
}
.contact .cards-wrapper > div {
  display: grid;
  gap: calc(var(--gap) / 3);
}
.contact .cards-wrapper > div:last-child {
  grid-column: span 2;
}
.contact .form {
  gap: var(--gap);
}

.map {
  padding-block-end: var(--section-padding);
}
@media (width < 64rem) {
  .contact .wrapper {
    grid-template-columns: 1fr;
    column-gap: calc(var(--section-padding) * 1.5);
    row-gap: var(--columns-gap);
  }
  .contact .one {
    position: static;
    inset-block-start: 2rem;
  }
}