.hero--contact {
  background-color: var(--color-surface);
}

.contact-layout {
  align-items: flex-start;
  gap: var(--space-8);
}

.contact-form .form-group {
  margin-bottom: var(--space-4);
}

.contact-aside {
  display: flex;
  flex-direction: column;
}

@media (max-width: 960px) {
  .contact-layout {
    gap: var(--space-6);
  }
}

#contact-faq .accordion__button span:last-child {
  font-weight: 600;
}