/* contact.css */

.contact-layout { display: grid; gap: 2.5rem; max-width: 980px; margin: 0 auto; }
@media (min-width: 760px) { .contact-layout { grid-template-columns: 0.8fr 1.2fr; } }

.contact-infos {
  background: linear-gradient(165deg, var(--color-bordeaux-900), var(--color-bordeaux-700));
  color: var(--color-pierre-100); border-radius: var(--rayon-lg); padding: 2.25rem; height: fit-content;
  box-shadow: var(--ombre-forte);
}
.contact-infos h2 { color: var(--color-or-400); }
.contact-infos ul { display: flex; flex-direction: column; gap: 1.25rem; }
.contact-infos li strong { display: block; font-size: 0.78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--color-or-200); margin-bottom: 0.25em; }
.contact-infos a { text-decoration: underline; text-underline-offset: 2px; }

.contact-form-wrap { background: var(--color-blanc); border-radius: var(--rayon-lg); padding: 2.25rem; box-shadow: var(--ombre-douce); border: 1px solid var(--color-pierre-300); }