.contact-section{
  position:relative;
  background:var(--charbon-clair);
  padding:var(--section-pad-y) 0;
  border-top:1px solid rgba(232,228,221,0.08);
}

.contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:start;
}

.contact-info .eyebrow{display:block; margin-bottom:16px;}
.contact-info .section-title{margin-bottom:20px;}
.contact-info p{
  color:var(--acier-clair);
  font-size:15px;
  max-width:44ch;
  margin-bottom:32px;
}

.contact-block{
  margin-bottom:28px;
}
.contact-block-label{
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--jaune-ind);
  margin-bottom:8px;
}
.contact-block a, .contact-block span{
  font-size:15px;
  color:var(--blanc-casse);
  text-decoration:none;
}
.contact-block a:hover{color:var(--rouille);}

.social-row{
  display:flex;
  gap:12px;
  margin-top:12px;
}
.social-link{
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(232,228,221,0.2);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blanc-casse);
  text-decoration:none;
  transition:border-color 0.2s ease, background 0.2s ease;
}
.social-link:hover{border-color:var(--rouille); background:var(--rouille);}
.social-link svg{width:17px; height:17px;}

/* formulaire */
.contact-form{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.form-field{display:flex; flex-direction:column; gap:8px;}
.form-field label{
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--acier-clair);
}
.form-field input, .form-field textarea{
  background:var(--charbon);
  border:1px solid rgba(232,228,221,0.15);
  border-radius:2px;
  padding:13px 14px;
  color:var(--blanc-casse);
  font-family:var(--font-body);
  font-size:14px;
  resize:vertical;
  transition:border-color 0.2s ease;
}
.form-field input:focus, .form-field textarea:focus{
  outline:none;
  border-color:var(--rouille);
}
.form-field textarea{min-height:140px;}

.form-submit{
  align-self:flex-start;
  margin-top:8px;
}

.form-note{
  font-size:12px;
  color:var(--acier-clair);
  margin-top:-8px;
}

@media (max-width:860px){
  .contact-grid{grid-template-columns:1fr; gap:48px;}
  .form-row{grid-template-columns:1fr;}
}