/* === CONTACT PAGE === */
.contact-grid {
  display: grid;
  gap: var(--sp-6);
  max-width: 700px;
  margin-inline: auto;
}

@media (min-width: 600px) {
  .contact-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Contact person section */
.contact-person {
  text-align: center;
  padding: var(--sp-8);
}

.contact-person__name {
  font-family: var(--font-heading);
  font-size: var(--fs-2xl);
  color: var(--color-heading);
  margin-bottom: var(--sp-3);
}

.contact-person__role {
  font-size: var(--fs-md);
  color: var(--color-text-light);
  margin-bottom: var(--sp-2);
}

.contact-person__location {
  font-size: var(--fs-sm);
  color: var(--color-text-light);
}

/* FAQ section */
.faq-section {
  max-width: 700px;
  margin-inline: auto;
}