@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#26362c;--muted:#667368;--paper:#fbf8f1;--cream:#f1eadb;--green:#405b45;--sage:#dce4d5;--rust:#b96c4b;--line:#e5dfd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--rust)}.site-header{max-width:1180px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand span{color:var(--rust);font-style:italic}.site-header nav{display:flex;gap:26px;flex-wrap:wrap;font-size:.92rem}.hero{max-width:1180px;margin:0 auto;padding:100px 28px 110px;background:radial-gradient(ellipse at 80% 40%,#e4e8d8 0,transparent 36%),linear-gradient(110deg,var(--paper),#f7f0e4);min-height:470px}.eyebrow,.tag{font-size:.72rem;font-weight:700;letter-spacing:.15em;color:var(--rust);margin:0 0 14px}.hero h1,.page h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(2.8rem,6vw,5.2rem);letter-spacing:-.055em;line-height:1.07;max-width:760px;margin:0 0 22px}.hero>p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:1.12rem}.button{display:inline-block;background:var(--green);color:white!important;padding:12px 21px;border-radius:3px;margin-top:18px;font-weight:600;font-size:.92rem}.button:hover{background:#2d4332}.intro,.section,.quote,.newsletter{max-width:1180px;margin:auto;padding:74px 28px}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-bottom:1px solid var(--line)}h2,h3{font-family:'Playfair Display',serif;line-height:1.2;letter-spacing:-.025em}h2{font-size:2.15rem;margin:0 0 18px}h3{font-size:1.45rem;margin:5px 0 10px}.intro>p{margin:8px 0;color:var(--muted);font-size:1.05rem}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head>a{font-weight:600;color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.recipe-card{min-width:0}.food-art{height:210px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:3.2rem;color:#ffffffb8;background:linear-gradient(135deg,#b6c5a4,#738c6c);margin-bottom:18px}.food-art.soup{background:linear-gradient(135deg,#d99a70,#a94d3d)}.food-art.cake{background:linear-gradient(135deg,#d5b58a,#9c7651)}.food-art.salad{background:linear-gradient(135deg,#9ab18b,#4d7652)}.food-art.chicken{background:linear-gradient(135deg,#d8a56e,#9a623a)}.food-art.beans{background:linear-gradient(135deg,#c9b995,#8e896b)}.recipe-card p:not(.tag){color:var(--muted);margin:0 0 14px}.recipe-card span{font-size:.85rem;color:var(--muted)}.quote{text-align:center;background:var(--sage);max-width:none;padding:64px 28px}.quote p{font:italic 1.8rem 'Playfair Display',serif;max-width:700px;margin:0 auto 12px}.quote span{font-size:.9rem;color:var(--muted)}.newsletter{display:flex;align-items:center;justify-content:space-between;gap:30px}.newsletter p:not(.eyebrow){color:var(--muted);margin-bottom:0}.button-light{background:transparent;color:var(--green)!important;border:1px solid var(--green);white-space:nowrap}.button-light:hover{background:var(--green);color:white!important}footer{padding:44px 28px;background:#26362c;color:#f9f6ee;text-align:center}footer .brand span{color:#e3a184}footer p{color:#c9d0c5;margin:5px 0 18px}footer div{display:flex;justify-content:center;gap:20px;margin-bottom:22px;font-size:.9rem}footer small{color:#aeb9ad}.page{max-width:1180px;margin:auto;padding:70px 28px 100px}.page h1{font-size:clamp(2.7rem,5vw,4.5rem)}.lead{font-size:1.18rem;max-width:760px;color:var(--muted);margin:0 0 36px}.narrow{max-width:850px}.narrow p,.narrow li{color:#4d5b50}.narrow h2{font-size:1.65rem;margin-top:34px}.back{display:inline-block;margin-bottom:30px;color:var(--green);font-weight:600}.recipe-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:28px 0}.recipe-illustration{height:210px;background:linear-gradient(120deg,#b6c5a4,#738c6c);display:flex;align-items:center;justify-content:center;color:#ffffffa8;font:3rem 'Playfair Display',serif;margin-bottom:30px}.recipe-illustration.roasted{background:linear-gradient(120deg,#d99a70,#a94d3d)}.recipe-illustration.apple{background:linear-gradient(120deg,#d5b58a,#9c7651)}.recipe-illustration.crispy{background:linear-gradient(120deg,#9ab18b,#4d7652)}.recipe-illustration.herb{background:linear-gradient(120deg,#d8a56e,#9a623a)}.recipe-illustration.buttery{background:linear-gradient(120deg,#c9b995,#8e896b)}.note{padding:18px 22px;background:#f0ecdf;border-left:3px solid var(--rust);color:#536055}.recipe-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;margin-top:38px}.recipe-columns h2{font-size:1.8rem}.recipe-columns li{padding:0 0 12px 5px;color:#4d5b50}.recipe-columns ul,.recipe-columns ol{padding-left:22px}.disclaimer{font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.note-article{padding:20px 0;border-bottom:1px solid var(--line)}.note-article h2{margin:0 0 8px}.note-article p{margin:0}.contact-panel{background:#f0ecdf;padding:25px 28px;margin:28px 0}.contact-panel h2{margin-top:0}.contact-panel p{margin-bottom:0}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:20px}.site-header nav{gap:14px}.hero{padding:70px 22px}.intro{grid-template-columns:1fr;gap:12px;padding:55px 22px}.section,.page{padding:54px 22px 70px}.cards{grid-template-columns:1fr 1fr;gap:22px}.food-art{height:165px}.newsletter{align-items:flex-start;flex-direction:column;padding:54px 22px}.recipe-columns{grid-template-columns:1fr;gap:22px}.quote p{font-size:1.45rem}}@media(max-width:480px){.cards{grid-template-columns:1fr}.food-art{height:210px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.hero h1{font-size:2.8rem}footer div{flex-wrap:wrap}}
