:root{--encre:#14211d;--papier:#f7f4ed;--foret:#16483b;--mousse:#4c7e57;--sable:#f4c96b;--ligne:#d8ddd4;--blanc:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--encre);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.wrap{max-width:62rem;margin:0 auto;padding:0 1.1rem}
.top{background:var(--foret);color:#fff}.top .wrap{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.7rem 1.1rem}
.brand{margin:0;font-weight:800}.brand span{font-weight:400;opacity:.8}.top nav{display:flex;gap:.9rem;flex-wrap:wrap}.top a{color:#fff;text-decoration:none}
.hero{padding:2.6rem 0 1.2rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05;max-width:20ch}
.lead{max-width:60ch}.eyebrow{display:inline-block;border:1px solid var(--mousse);color:var(--foret);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:800}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.btn{display:inline-block;background:var(--foret);color:#fff;padding:.65rem 1.1rem;border-radius:.5rem;text-decoration:none;font-weight:800}.btn.ghost{background:transparent;color:var(--foret);border:2px solid var(--foret)}
.grid3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
article,section{background:var(--blanc);border:1px solid var(--ligne);border-radius:.6rem;padding:1.1rem 1.2rem}section{margin:1rem 0}
h2{color:var(--foret);margin:.4rem 0}.muted{color:#66736d;font-size:.92rem}
footer{background:var(--foret);color:#fff;margin-top:2rem}footer a{color:#fff}
ul{padding-left:1.2rem}