/* Contact details use the site's regular body typography. */
.contact-page__address {
  font-style: normal;
}

.contact-page__form {
  display: grid;
  gap: var(--space-ml);
}

.contact-page__field {
  display: grid;
  border-bottom: 1px solid var(--color-white);
}

.contact-page__field label,
.contact-page__field input,
.contact-page__field textarea {
  font-family: var(--font-body);
  font-size: var(--text-h4);
  font-weight: var(--weight-medium);
  line-height: var(--leading-h4);
  color: var(--color-white);
}

.contact-page__send {
  justify-self: start;
}

.contact-page__status {
  margin: 0;
}

.contact-page__trap {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.contact-page__field input,
.contact-page__field textarea {
  width: 100%;
  min-width: 0;
  padding: var(--space-xs) 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
}

.contact-page__field textarea {
  resize: vertical;
  min-height: 8rem;
}