/* ============================================================
   CONTACT PAGE — pages/contact.css
   ============================================================ */

.contact-hero {
  padding-block: var(--section-pad);
  border-bottom: var(--border-thin);
  background: var(--color-bg-2);
}

.contact-hero h1 { margin-bottom: var(--space-4); }
.contact-hero p  { font-size: var(--text-md); max-width: 52ch; }

.contact-layout {
  padding-block: var(--section-pad);
  background: var(--color-bg);
}

.contact-info h3 { font-size: var(--text-xl); margin-bottom: var(--space-6); }

.contact-info-item {
  padding: var(--space-5) 0;
  border-bottom: var(--border-thin);
  max-width: 52ch;
}
.contact-info-item:first-of-type { border-top: var(--border-thin); }

.contact-info-item .label { display: block; margin-bottom: var(--space-2); }

.contact-info-item a {
  font-size: var(--text-base);
  color: var(--color-ink);
  transition: color var(--duration-fast) var(--ease-out);
}
.contact-info-item a:hover { color: var(--color-accent); }