:root { --cream:#FFF8EE; --paper:#FFFDF8; --forest:#3E5641; --ink:#23262B; --muted:#6F7369; --line:#E9E1D2; }
* { box-sizing: border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif; }
header { display:flex; justify-content:space-between; align-items:center; padding:16px 24px; max-width:880px; margin:0 auto; flex-wrap:wrap; gap:8px; }
.brand { display:flex; align-items:center; gap:10px; font:600 24px Georgia, serif; color:var(--forest); text-decoration:none; }
.brand img { border-radius:12px; }
nav a { margin-left:18px; color:var(--forest); text-decoration:none; font-weight:500; }
main { max-width:720px; margin:0 auto; padding:16px 24px 64px; }
h1 { font:600 40px/1.15 Georgia, serif; color:var(--forest); margin:24px 0 8px; }
h2 { font-size:19px; margin:32px 0 6px; }
a { color:var(--forest); }
.muted { color:var(--muted); font-size:15px; }
.hero { text-align:center; padding-top:40px; }
.hero img { border-radius:40px; box-shadow:0 12px 40px rgba(62,86,65,.15); }
.lead { font-size:22px; color:var(--forest); }
footer { text-align:center; color:var(--muted); font-size:14px; padding:32px 16px; border-top:1px solid var(--line); }