:root{--bg:#fbfaf6;--ink:#1d2a1f;--green:#2f5d3a;--gold:#d99a1e;--soft:#eef0e6;--muted:#5b665d}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}img{max-width:100%;height:auto}main{overflow-wrap:anywhere}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2.2rem,6vw,3.8rem)}h2{font-size:1.9rem}h3{font-size:1.25rem}
a{color:var(--green)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
header{background:#fff;border-bottom:4px solid var(--green)}
.bar{max-width:1050px;margin:auto;padding:8px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between}
.logo{display:block;line-height:0}.logo img{height:72px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:0 22px}nav a{color:var(--ink);text-decoration:none;padding:10px 0;min-height:44px;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current]{border-color:var(--gold)}
main{max-width:1050px;margin:auto;padding:40px 20px}
.hero{background:var(--soft);border-left:8px solid var(--gold);padding:48px 32px;margin-bottom:48px}
.hero p{max-width:60ch;font-size:1.15rem}
.btn{display:inline-block;background:var(--gold);color:var(--ink);padding:12px 24px;text-decoration:none;font-weight:700;border-radius:4px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:28px;margin:24px 0 48px}
.card img,.ph{width:100%;aspect-ratio:4/3;object-fit:cover;background:linear-gradient(135deg,#c9d3b8,#e8d9a8);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;margin-bottom:12px;text-align:center;padding:8px}
.card p{color:var(--muted);margin:0 0 6px}
.prose{max-width:68ch}
footer{background:var(--ink);color:#d8ddd4;text-align:center;padding:28px 20px;font-size:.9rem}
@media(prefers-reduced-motion:no-preference){.btn{transition:transform .15s}.btn:hover{transform:translateY(-2px)}}
.card img{aspect-ratio:3/2}
.recipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px 40px;background:#f6f1e4;padding:28px;margin:24px 0 48px;border-radius:6px}
.recipe .wide{grid-column:1/-1}.recipe img{width:100%;height:auto;display:block}
.tag{display:inline-block;background:var(--green);color:#fff;font-weight:700;font-size:.85rem;padding:4px 14px;border-radius:99px;margin-right:10px}
.recipe ol,.recipe ul{padding-left:22px}.recipe li{margin-bottom:8px}
.card img.jar{aspect-ratio:4/5;object-fit:contain;background:#fff}
footer a{color:#fff}
footer a{display:inline-block;padding:6px 4px}footer{line-height:1.8}
@media(max-width:700px){
.bar{justify-content:center;gap:4px 16px}.logo img{height:60px}
nav{justify-content:center;gap:0 16px}
main{padding:28px 16px}
h2{font-size:1.5rem}h3{font-size:1.15rem}
.hero{padding:28px 18px;border-left-width:6px;margin-bottom:32px}
.recipe{padding:18px}
.grid{gap:22px;margin-bottom:32px}
.btn{display:block;text-align:center}
}
@media(max-width:380px){body{font-size:16px}nav{gap:0 12px}}
.family-photo{margin:32px 0;max-width:560px}.family-photo img{display:block;width:100%;height:auto;border-radius:8px}