/* ==================================================================
   Contact & « Parlons de votre projet »
   ================================================================== */

.contact-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: var(--sp-8);
  align-items: start;
}
@media (max-width: 820px) { .contact-grid { grid-template-columns: 1fr; } }

.contact-info h2 { font-size: var(--fs-lg); margin-bottom: var(--sp-4); }
.contact-info ul { list-style: none; padding: 0; display: grid; gap: var(--sp-4); }
.contact-info li { display: grid; gap: 2px; }
.contact-info li span { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-subtle); }

.contact-form, .collaboration-form { padding: var(--sp-8); position: relative; }
.contact-form .form-row, .collaboration-form .form-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4);
}
@media (max-width: 520px) {
  .contact-form .form-row, .collaboration-form .form-row { grid-template-columns: 1fr; }
}

.form-feedback { margin-top: var(--sp-4); font-size: var(--fs-sm); padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); }
.form-feedback.is-ok { background: color-mix(in srgb, var(--success) 12%, transparent); color: var(--success); }
.form-feedback.is-error { background: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); }