:root{
  --brun:#5E2800;
  --orange:#FF730A;
  --gris:#463C3C;
  --grisclair:#f5f5f5;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--gris);}
a{color:var(--orange);text-decoration:none;}
header{background:var(--brun);color:white;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0}
header a{color:white;margin:0 0.5rem;}
#hero{background:var(--grisclair);text-align:center;padding:4rem 2rem;}
#hero img{max-width:200px;margin-bottom:1rem;}
.btn-primary{background:var(--orange);color:white;padding:0.7rem 1.2rem;border-radius:4px;}
section{padding:3rem 2rem;}
#galerie .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;}
footer{background:var(--brun);color:white;text-align:center;padding:1rem;margin-top:2rem;}