:root{--bg:#faf8f2;--paper:#fffdf9;--sage:#667c62;--sage-dark:#445b42;--ink:#30362e;--muted:#72776e;--border:#e6e6dc;--peach:#f4e8db;--radius:20px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:auto;padding-left:26px;padding-right:26px}.demo-banner{text-align:center;background:#e5ecdf;color:#435b3e;padding:10px 15px;font-size:13px;font-weight:600}.site-header{display:flex;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:25px;font-weight:bold;line-height:1.1}.brand em{font-style:italic;color:var(--sage);font-weight:normal}.brand-mark{display:grid;place-items:center;background:var(--sage);color:white;border-radius:14px;width:40px;height:40px;font-family:system-ui}.site-header nav{display:flex;gap:24px;font-size:14px;color:#566153}.site-header nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 0.92fr;gap:52px;align-items:center;padding-top:38px;padding-bottom:82px}.hero-copy{padding:20px 0}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em;color:var(--sage)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;margin:20px 0}h1 em{color:var(--sage);font-weight:normal}h2{font-size:39px;margin:12px 0}.hero p{font-size:17px;line-height:1.8;color:var(--muted);max-width:530px}.primary{display:inline-flex;align-items:center;gap:20px;background:var(--sage);color:#fff;border:0;border-radius:40px;padding:16px 24px;font-weight:650;cursor:pointer;margin-top:17px}.primary:hover{background:var(--sage-dark)}.hero-art{min-height:385px;border-radius:45% 45% 22px 22px;background:linear-gradient(145deg,#e7e2cf,#efe4da);position:relative;display:grid;place-items:center;overflow:hidden}.sun{width:280px;height:280px;background:#f7f2e4;border-radius:50%;position:absolute;top:40px;right:45px}.plate{width:255px;height:255px;border-radius:50%;background:#fbfbf5;display:grid;place-items:center;border:17px solid #f3efe6;box-shadow:0 18px 30px #5f614b30;transform:rotate(-14deg);position:relative}.plate span{font-size:100px}.leaf{position:absolute;color:#6c865f;font-size:135px}.leaf-one{left:8px;bottom:50px;transform:rotate(36deg)}.leaf-two{right:8px;top:14px;transform:rotate(-45deg)}.hero-tag{position:absolute;bottom:25px;right:23px;background:#fffdf9;padding:12px 19px;border-radius:30px;font-family:Georgia,serif;font-style:italic;color:var(--sage-dark)}.recipes-section{padding-bottom:70px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-intro p{color:var(--muted);font-size:14px}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid var(--border);color:#63715d;background:var(--paper);padding:11px 20px;border-radius:28px;cursor:pointer}.filter.active,.filter:hover{background:var(--sage);color:white;border-color:var(--sage)}.search{border:1px solid var(--border);background:var(--paper);padding:10px 16px;border-radius:30px;display:flex;gap:10px;align-items:center}.search input{border:none;outline:none;background:transparent;min-width:180px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.recipe-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 20px #333a2e08}.recipe-illustration{height:205px;display:grid;place-items:center;font-size:88px;background:var(--tone)}.recipe-body{padding:23px}.category{color:var(--sage);font-size:11px;letter-spacing:.12em;font-weight:750;text-transform:uppercase}.recipe-card h3{font-size:24px;margin:9px 0}.recipe-card p{line-height:1.6;color:var(--muted);font-size:14px;min-height:46px}.meta{display:flex;gap:17px;color:#85887e;font-size:12px}.text-button{display:inline-flex;margin-top:22px;color:var(--sage-dark);font-weight:700;background:none;border:0;padding:0;cursor:pointer}.text-button:hover{text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:30px}.about{background:#e9eee4;border-radius:24px;padding-top:40px;padding-bottom:44px;margin-bottom:60px}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.about-grid p{color:#697767;font-size:14px;line-height:1.65}footer{padding-bottom:32px;color:#8d9288;font-size:12px}footer span{padding:0 7px}dialog{border:0;border-radius:22px;padding:0;max-width:640px;width:calc(100% - 30px);max-height:90vh;box-shadow:0 20px 90px #161c1580;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#19241d99}.dialog-inner{padding:30px;position:relative}.close{position:absolute;top:18px;right:20px;border:0;background:#f0f0e9;border-radius:50%;width:34px;height:34px;cursor:pointer}.dialog-emoji{font-size:64px}.dialog-inner h2{font-size:36px;margin:10px 0}.dialog-inner p{color:var(--muted);line-height:1.65}.servings-row{display:flex;align-items:center;gap:15px;background:#eef0e9;border-radius:12px;padding:12px 16px;justify-content:space-between;margin:23px 0}.stepper{display:flex;align-items:center;gap:12px}.stepper button{border:1px solid #cad2c7;background:white;border-radius:50%;height:35px;width:35px;cursor:pointer}.stepper strong{min-width:21px;text-align:center}.ingredient-list{padding:0;list-style:none}.ingredient-list li{padding:11px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.ingredient-list span:last-child{font-weight:650;white-space:nowrap}.nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:19px 0}.nutrition div{background:#f0f3eb;padding:12px 5px;border-radius:12px;text-align:center}.nutrition strong{display:block;font-size:18px;color:var(--sage-dark)}.nutrition small{font-size:11px;color:#7b8174}.disclaimer{font-size:12px!important}.steps{line-height:1.8;padding-left:22px}.steps li{padding:4px 0}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:20px;padding-top:12px}.hero-art{min-height:260px}.recipe-grid{grid-template-columns:repeat(2,1fr)}.section-intro{display:block}.about-grid{grid-template-columns:1fr;gap:9px}}@media(max-width:560px){.wrap{padding-left:18px;padding-right:18px}.site-header{align-items:start}.site-header nav{gap:12px;font-size:12px}.brand{font-size:20px}.brand-mark{width:34px;height:34px}.hero{padding-bottom:50px}.hero-art{min-height:220px}.plate{width:175px;height:175px}.plate span{font-size:68px}.sun{width:180px;height:180px}.leaf{font-size:83px}.recipe-grid{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.search input{flex:1}.recipe-illustration{height:190px}h2{font-size:32px}.nutrition{grid-template-columns:repeat(2,1fr)}.dialog-inner{padding:22px}.dialog-inner h2{font-size:30px}}
