/* ==========================================================================
   Contact
   Dark section, mirrors hero grounding. Final anchor point on the page —
   the rail's terminus.
   ========================================================================== */

.contact__inner {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: var(--space-6);
  align-items: start;
}

.contact h2 {
  margin-block-start: var(--space-2);
  font-size: var(--text-xl);
}

.contact__lead {
  margin-block-start: var(--space-3);
  max-width: 42ch;
  color: rgba(246, 244, 240, 0.72);
  line-height: var(--leading-normal);
}

.contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  padding-block-start: var(--space-1);
  border-inline-start: 2px solid rgba(246, 244, 240, 0.14);
  padding-inline-start: var(--space-4);
}

.contact__item h4 {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-gold);
  margin-block-end: var(--space-1);
}

.contact__item p {
  color: rgba(246, 244, 240, 0.85);
  line-height: var(--leading-snug);
}

.contact__item a { transition: color var(--duration-fast) var(--ease-out); }
.contact__item a:hover { color: var(--color-gold); }

@media (max-width: 780px) {
  .contact__inner { grid-template-columns: 1fr; }
  .contact__grid { border-inline-start: none; padding-inline-start: 0; }
}