:root{
      --gold:#b8862b;--sand:#f6f1ea;--warm:#eee6dc;--ink:#31302f;--muted:#6e6862;--sage:#7b8a70;--cream:#fffdf9;--line:#ded3c5;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.65}
    
.top{text-align:center;padding:70px 24px 55px;background:linear-gradient(180deg,#faf5ed,#fffdf9);}

    .logo{font-family:Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#9b8d7b;font-size:12px;margin-bottom:28px}
    h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05;color:var(--gold);font-weight:400;margin:0 0 18px}
    .intro{max-width:820px;margin:0 auto;color:var(--muted);font-size:1.18rem}
    nav{position:sticky;top:0;z-index:3;background:#f4f2efcc;backdrop-filter:blur(8px);border-bottom:1px solid #e7e0d8;text-align:center;padding:14px 12px;font-family:Arial,sans-serif}
    nav a{display:inline-block;margin:6px 13px;color:#423d38;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px} nav a:hover{color:var(--gold)}
    .hero{height:280px;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.44)),url('prendre-soin-assiette.jpg') center/cover;display:flex;align-items:center;justify-content:center}
    .hero span{border:1px solid #fff;background:rgba(255,255,255,.35);padding:18px 38px;color:#fff;font-family:Arial,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 4px #666}
    main{max-width:1080px;margin:0 auto;padding:58px 24px 80px}
    section{padding:46px 0;border-bottom:1px solid var(--line)}
    h2{font-size:2.05rem;line-height:1.2;color:var(--gold);font-weight:400;text-align:center;margin:0 0 10px}
    .under{width:54px;height:1px;background:var(--line);margin:18px auto 34px}
    h3{font-size:1.28rem;margin:0 0 12px;color:#2f2d2a}.lead{font-size:1.08rem;color:var(--muted);max-width:850px;margin:0 auto 28px;text-align:center}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
    .card{background:#fff;border:1px solid #ebe3d9;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(50,40,30,.05)}
    .soft{background:var(--sand)}.accent{border-left:4px solid var(--gold)}
    ul{padding-left:1.1rem;margin:8px 0 0}li{margin:7px 0}.tag{display:inline-block;background:var(--warm);color:#655b51;border-radius:999px;padding:6px 12px;margin:4px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.04em}
    .recipe{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;align-items:start}.recipe strong{color:var(--gold)}
    .note{background:#fbf8f3;border:1px solid #eadfce;border-radius:20px;padding:24px;margin:26px 0;color:#5d554c}
    .steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;margin:10px 0;padding-left:38px;position:relative}.steps li:before{content:counter(step);position:absolute;left:0;top:0;background:var(--gold);color:white;width:25px;height:25px;border-radius:50%;font-family:Arial,sans-serif;font-size:13px;text-align:center;line-height:25px}
    footer{text-align:center;padding:34px 24px;background:#f4f2ef;color:#70675f;font-family:Arial,sans-serif}footer a{color:var(--gold);text-decoration:none}

    .featured-recipe{grid-column:1/-1;grid-template-columns:minmax(260px,.9fr) 1.4fr;background:#fffdf9}
    .recipe-photo{width:100%;border-radius:16px;border:1px solid #eadfce;display:block;margin-bottom:18px}
    .macro-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
    .macro-box span{background:var(--sand);border:1px solid #eadfce;border-radius:14px;padding:12px;text-align:center;font-family:Arial,sans-serif;font-size:13px;color:#5d554c}
    .small-note{font-size:.92rem;color:var(--muted);margin-bottom:0}
    @media(max-width:850px){.grid,.grid2,.recipe,.featured-recipe,.macro-box{grid-template-columns:1fr}.hero{height:220px}main{padding:36px 18px}nav{position:relative}}
    @media print{nav,.hero{display:none}body{background:#fff}.card{box-shadow:none}a{color:inherit}}