/* ================= CONTACT PAGE : GIANT TYPOGRAPHY ================= */
.contact-head{padding:180px 28px 40px}
.contact-head h1{
  font-family:var(--display);
  font-size:clamp(52px,10vw,130px);line-height:.92;letter-spacing:2px;
  color:transparent;-webkit-text-stroke:2px var(--beton);
}
.contact-head h1 b{color:var(--rouille-vif);-webkit-text-stroke:0;font-weight:400}
.date-row{
  display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;
  padding:20px 18px;border-bottom:1px solid var(--ligne);transition:.2s;
}
.date-row:first-of-type{border-top:1px solid var(--ligne)}
.date-row:hover{background:var(--acier)}
.date-row .dd{font-family:var(--mono);color:var(--rouille-vif);font-size:14px;letter-spacing:1px}
.date-row .dv{font-weight:600;color:#fff}
.date-row .dv small{display:block;color:var(--gris);font-weight:400;font-family:var(--mono);font-size:12px}
.date-row .btn{padding:10px 18px;font-size:11px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.field input,.field textarea{
  width:100%;background:var(--acier);border:1px solid var(--ligne);color:var(--beton);
  padding:13px 15px;font-family:var(--body);font-size:15px;
}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--rouille)}

/* .socials is a shared component — see css/styles.css */
/* Responsive breakpoints for this page live in css/responsive.css */