/* Contact — styles propres à page-contact.php */

.btn-dark{
  display:inline-flex; align-items:center; gap:10px;
  background:var(--ink); color:#fff; border-radius:2px; border:none; cursor:pointer;
  font-family:'Archivo'; font-weight:600; font-size:14px; letter-spacing:0.02em;
  padding:15px 30px; transition:transform 0.25s ease, opacity 0.25s ease;
}
.btn-dark:hover{transform:translateY(-2px); opacity:0.85;}
.btn-dark:disabled{opacity:0.4; cursor:default; transform:none;}

.contact-main{max-width:1180px; margin:0 auto; padding:90px 48px 120px;}
.contact-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:80px;}
.intro p{font-size:16px; line-height:1.7; color:#333; max-width:46ch; margin-bottom:44px;}
.direct-contact{display:flex; flex-direction:column; gap:22px;}
.direct-contact .item{padding-top:18px; border-top:1px solid #ECECE8;}
.direct-contact .item .eyebrow{margin-bottom:8px;}
.direct-contact .item a{font-family:'Anton'; text-transform:uppercase; font-size:20px;}
.direct-contact .item a:hover{opacity:0.6;}

.form-field{margin-bottom:30px;}
.form-field label{
  display:block; font-family:'Space Mono'; font-size:11px; letter-spacing:0.08em;
  text-transform:uppercase; color:var(--mute); margin-bottom:10px;
}
.form-field input, .form-field textarea{
  width:100%; border:none; border-bottom:1px solid #DDD; background:none;
  font-family:'Archivo'; font-size:16px; color:var(--ink); padding:10px 2px;
  transition:border-color 0.2s ease;
}
.form-field input:focus, .form-field textarea:focus{outline:none; border-color:var(--ink);}
.form-field textarea{resize:vertical; min-height:130px; font-family:'Archivo';}
.form-note{font-size:13px; color:var(--mute); margin-top:18px; max-width:44ch; line-height:1.5;}
#formConfirm{font-size:14px; margin-top:18px; display:none;}

@media (max-width:760px){
  .contact-grid{grid-template-columns:1fr; gap:60px;}
}
@media (max-width:640px){
  .contact-main{padding-left:24px; padding-right:24px;}
}