/* ─── CONTACT LAYOUT ──────────────────────────────────────── */
.contact-section {}
.contact-inner {
  max-width: var(--container-max); margin: 0 auto;
  padding: 0 var(--container-pad);
  display: flex; flex-direction: column; gap: 32px;
}
@media (min-width: 1024px) {
  .contact-inner { flex-direction: row; align-items: flex-start; gap: 96px; }
}

/* ─── CONTACT INFO PANEL ──────────────────────────────────── */
.contact-info { flex: 1 1 0; min-width: 0; }
.contact-info__heading {
  font-weight: 600;
  letter-spacing: -0.01em; line-height: 1.15;
  color: var(--text-on-light); max-width: 360px; margin: 16px 0 16px;
}
.contact-info__sub {
  font-size: 15px; font-weight: 300; line-height: 1.75;
  color: rgba(var(--color-midnight-rgb),0.65); margin-bottom: 20px;
}
.contact-detail {
  display: flex; align-items: flex-start; gap: 16px; margin-bottom: 20px;
}
.contact-detail:last-child { margin-bottom: 0; }
.contact-detail__icon {
  flex-shrink: 0; width: 18px; height: 18px;
  color: var(--accent); margin-top: 2px;
}
.contact-detail__label {
  font-size: 11px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(var(--color-midnight-rgb),0.45);
  display: block; margin-bottom: 4px;
}
.contact-detail__value {
  font-size: 15px; font-weight: 300; line-height: 1.6;
  color: var(--text-on-light);
}
.contact-detail__value a { color: var(--text-on-light); transition: color 0.2s; }
.contact-detail__value a:hover { color: var(--accent); }

/* ─── PHOTO ───────────────────────────────────────────────── */
.contact-photo { flex: 1 1 0; min-width: 0; }
.contact-photo__img {
  width: 100%; aspect-ratio: 3/4; object-fit: cover;
}
@media (min-width: 1024px) { .contact-photo__img { aspect-ratio: 4/5; } }

/* ─── AREAS WE SERVE ─────────────────────────────────────── */
.contact-areas .section-heading { margin-bottom: 24px; }
.contact-areas__body {
  font-size: var(--text-body); font-weight: 300; line-height: 1.75;
  color: var(--text-muted-dark); max-width: 600px;
}
@media (min-width: 1024px) {
  .contact-areas__body { max-width: none; }
}