:root{--mousse:#5E6B4A;--terre:#A87852;--chaux:#EFE9DD;--charbon:#2B2A28;--blanc:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--chaux);color:var(--charbon);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(--charbon);color:var(--chaux)}.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:700}.brand span{font-weight:400;opacity:.75}.brand a,.top nav a{color:var(--chaux)}
.top nav{display:flex;flex-wrap:wrap;gap:.9rem}.top nav a{text-decoration:none}
.hero{padding:2.6rem 0 1.2rem}h1{font-family:Georgia,serif;line-height:1.1;font-size:clamp(2rem,6vw,3.4rem);max-width:20ch}
.lead{font-size:1.1rem;max-width:60ch}.eyebrow{display:inline-block;border:1px solid var(--mousse);color:var(--mousse);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.btn{display:inline-block;background:var(--mousse);color:#fff;padding:.65rem 1.1rem;border-radius:.5rem;text-decoration:none;font-weight:700}.btn.ghost{background:transparent;color:var(--mousse);border:2px solid var(--mousse)}
.grid3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
.grid2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin:1.5rem 0}
article,section{background:var(--blanc);border:1px solid #d8d2c2;border-radius:.6rem;padding:1.1rem 1.2rem}section{margin:1rem 0}
h2{color:var(--mousse);margin:.4rem 0}.muted{color:#6b675e;font-size:.92rem}
footer{background:var(--charbon);color:var(--chaux);margin-top:2rem}footer a{color:var(--chaux)}
ul{padding-left:1.2rem}