@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');
:root{--ink:#28231e;--muted:#6d6257;--cream:#fffaf2;--paper:#fff;--red:#a52c24;--green:#47724b;--line:#e8ddce;--gold:#d69d3c}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.62;background:radial-gradient(circle at top right,#f3d9a8 0,transparent 27rem),var(--cream)}a{color:var(--red)}.site-header{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:24px}.brand{font:700 1.35rem 'Playfair Display',serif;color:var(--ink);text-decoration:none}.home-link{text-decoration:none;color:var(--muted);font-weight:600}main{max-width:1120px;margin:auto;padding:32px 24px 72px}.hero{max-width:780px;padding:42px 0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:700;color:var(--green)}h1,h2{font-family:'Playfair Display',serif;line-height:1.12}h1{font-size:clamp(2.6rem,7vw,5.4rem);margin:.2em 0}.hero p{font-size:1.15rem;color:var(--muted);max-width:680px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{display:flex;flex-direction:column;min-height:390px;padding:26px;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:var(--ink);box-shadow:0 8px 24px rgba(77,52,27,.06);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(77,52,27,.12);border-color:#d8c5ad}.card-image{display:block;width:calc(100% + 52px);height:180px;margin:-26px -26px 20px;object-fit:cover}.card h2{font-size:1.45rem;margin:12px 0}.card p{margin:auto 0 0;color:var(--muted)}.pepper{color:var(--red);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.back{display:inline-block;margin-bottom:28px;text-decoration:none;font-weight:700}.recipe-head{max-width:840px;border-bottom:1px solid var(--line);padding-bottom:32px}.recipe-head h1{font-size:clamp(2.4rem,6vw,4.6rem)}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.meta span{background:#f1e7d8;border-radius:999px;padding:7px 13px;font-size:.9rem;font-weight:600}.recipe-photo{display:block;width:100%;height:min(52vw,520px);min-height:280px;object-fit:cover;border-radius:22px;margin-top:34px;border:1px solid var(--line);box-shadow:0 12px 34px rgba(77,52,27,.12)}.recipe-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:52px;margin-top:42px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.panel h2{margin-top:0;font-size:1.8rem}.ingredients{padding-left:20px}.ingredients li{margin-bottom:11px}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:42px 1fr;gap:14px;margin-bottom:24px}.steps li:before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--red);color:white;font-weight:700}@media(max-width:760px){.recipe-layout{grid-template-columns:1fr;gap:22px}.site-header{padding:18px 20px}main{padding:20px 20px 56px}.hero{padding-top:22px}.recipe-photo{height:56vw;min-height:220px}}