/* Contact : formulaire dans une carte crème, carte contact marine à droite. */
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 48px;
  align-items: start;
}
.form-card { padding: 40px; border-radius: 24px; background: var(--brand-cream); }
.contact-info-card {
  position: sticky;
  top: 108px; /* sous la nav (84 px) */
  overflow: hidden;
  border-radius: 24px;
  background: var(--brand-navy);
  color: var(--brand-cream);
  box-shadow: 0 24px 60px rgba(34, 42, 63, .2);
  --focus: var(--brand-mint);
}
/* la carte contact est posée directement sur le fond marine de l'encadré */
.contact-info-card .person-card { border: 0; border-radius: 0; background: none; box-shadow: none; }
.contact-info-extra { padding: 0 20px 6px; }
.contact-info-item { padding-block: 14px; border-top: 1px solid var(--brand-navy-line); }
.contact-info-item-label { margin-bottom: 2px; font-size: 12px; color: var(--brand-mist); }
.contact-info-item-value { font-size: 14px; font-weight: 600; color: var(--brand-cream); }
.contact-info-item-value a { color: var(--brand-mint); }

@media (max-width: 900px) {
  .contact-layout { grid-template-columns: 1fr; gap: 32px; }
  /* sur mobile, appeler / WhatsApp passent avant le formulaire */
  .contact-info-card { position: static; order: -1; }
  .contact-info-card .person-card-photo { aspect-ratio: 16 / 10; }
}

@media (max-width: 560px) {
  .form-card { padding: 24px 20px; }
}