/* --- STYLE GLOBAL --- */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #E9E6DB; /* couleur de fond */
}

/* --- SECTION PRINCIPALE --- */
.hero {
  display: flex;
  justify-content: center; /* centre horizontalement */
  align-items: center;     /* centre verticalement */
  height: 100vh;           /* prend toute la hauteur de l’écran */
}

/* --- IMAGE CENTRÉE --- */
.hero img {
  max-width: 70%;  /* ajuste la taille selon ton besoin (50–80%) */
  height: auto;    /* conserve les proportions */
}