/* =========================================================
   contact — styles propres a cette page
   ---------------------------------------------------------
   Le chrome commun (charte, boutons, header, mega-menus,
   menu mobile, footer) vit dans assets/site.css.
   ========================================================= */

/* ============ SECTIONS GÉNÉRIQUES ============ */
.section{padding:84px 0}
.section-head{max-width:64ch;margin-bottom:40px}
.section-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:12px 0}
.hero-inner{padding:76px 24px 84px;position:relative;z-index:1;max-width:760px}
.hero h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.2rem);margin:14px 0 18px}
.hero p.lead{font-size:clamp(1.02rem,1.6vw,1.16rem);color:rgba(255,255,255,.86);max-width:56ch}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* =========================================================
     RESPONSIVE
     ========================================================= */
@media (max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:34px}
}
@media (max-width:680px){
  .section{padding:60px 0}
  .hero-inner{padding:48px 24px 56px}
  .field-row{grid-template-columns:1fr}
}