/* ==========================================================================
   Contact Layout
   ========================================================================== */

.contact-section {
  padding-top: var(--space-6);
}

.contact-layout {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: var(--space-5);
  align-items: start;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.contact-info__link {
  display: block;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--runway);
  margin-top: var(--space-2);
}

.contact-info__link:hover {
  text-decoration: underline;
}

.contact-info__text {
  margin-top: var(--space-2);
  font-size: 0.92rem;
  color: rgba(28, 26, 22, 0.7);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .contact-layout {
    grid-template-columns: 1fr;
  }
}