.contact-layout {
  display: grid;
  gap: var(--space-3xl);
}

@media (min-width: 768px) {
  .contact-layout {
    grid-template-columns: 1fr 1fr;
    align-items: start;
  }
}

.contact-info__item {
  margin-bottom: var(--space-lg);
}

.contact-info__label {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-light);
  margin-bottom: var(--space-xs);
}