.hero-contact {
  position: relative;
}

.hero-contact__grid {
  align-items: stretch;
}

.hero-contact__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-contact__card-wrapper {
  display: flex;
  align-items: center;
}

.hero-contact__card {
  width: 100%;
}

.hero-contact__meta {
  display: grid;
  gap: var(--space-3);
}

.hero-contact__meta-item .meta-text {
  margin-bottom: var(--space-1);
}

.contact-form {
  width: 100%;
}

.contact-form__privacy label {
  margin-bottom: 0;
}

.contact-form__actions .btn {
  width: 100%;
}

.contact-info-grid {
  align-items: stretch;
}

.contact-extra-grid {
  align-items: stretch;
}

.contact-info-list {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.contact-info-list dt {
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-1);
}

.contact-info-list dd {
  margin: 0;
}

.contact-bullets {
  margin-top: var(--space-3);
  display: grid;
  gap: var(--space-2);
  font-size: var(--fs-sm);
  color: var(--color-text-soft);
}

.contact-bullets li::before {
  content: "\2022";
  color: var(--color-primary);
  display: inline-block;
  width: 1rem;
}

@media (max-width: 900px) {
  .hero-contact {
    padding-top: var(--space-12);
  }

  .hero-contact__card-wrapper {
    margin-top: var(--space-6);
  }

  .contact-form__actions .btn {
    width: 100%;
  }
}