.contact-layout {
  display: grid;
  gap: var(--space-8);
  grid-template-columns: 1fr;
  padding-block: var(--space-8);
}
@media (min-width: 900px) { .contact-layout { grid-template-columns: 0.85fr 1.15fr; } }

.contact-info-block { }
.contact-info-item { margin-bottom: var(--space-6); }
.contact-info-item h4 {
  font-size: var(--fs-micro);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
  font-weight: 700;
}
.contact-info-item address, .contact-info-item p { font-style: normal; font-size: 1rem; color: var(--color-navy); }
.contact-map {
  aspect-ratio: 4/3;
  border: 1px solid var(--color-border);
  overflow: hidden;
  margin-top: var(--space-6);
}
.contact-map iframe { width: 100%; height: 100%; border: 0; }

.contact-form-wrap { background: var(--color-surface); border: 1px solid var(--color-border); padding: var(--space-6); }
.contact-form-wrap h2 { margin-bottom: var(--space-5); }

/* Anti-spam honeypot: off-screen and out of the tab order, so a real visitor never sees or reaches it,
   but a bot that blindly fills in every input on the page still finds and fills it. */
.hp-field { position: absolute; left: -9999px; top: -9999px; height: 0; width: 0; overflow: hidden; }