/* =====================================================================
   Styles du composant Hero (bannière d'accueil).
   ===================================================================== */
.hero{
  background:linear-gradient(160deg, var(--bois-fonce), var(--bois));
  color:#fff;
  padding:75px 24px;
  text-align:center;
}
.hero-contenu{max-width:640px;margin:0 auto}
.hero h1{font-size:44px;line-height:1.15;margin-bottom:18px;color:#fff}
.hero p{font-size:17px;color:#f4ede2;margin-bottom:30px}

@media (max-width:640px){
  .hero{padding:70px 20px}
  .hero h1{font-size:32px}
}