:root { color-scheme: light; --ink:#1a2230; --muted:#5c6778; --bg1:#eef3f7; --bg2:#f7f1e8; --accent:#2f5d50; }
*{box-sizing:border-box} body{margin:0;font-family:"Iowan Old Style",Palatino,"Palatino Linotype",serif;color:var(--ink);
background:linear-gradient(155deg,var(--bg1),var(--bg2) 50%,#e8f0ec);min-height:100vh}
.top{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 8vw}
.brand{font-weight:600;letter-spacing:.04em} nav a{margin-left:1.2rem;color:var(--muted);text-decoration:none;font-size:.95rem}
.hero{padding:8vh 8vw 4vh;max-width:40rem} .hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 1rem}
.hero p{color:var(--muted);font-size:1.1rem;line-height:1.55} .cta{display:inline-block;margin-top:1.5rem;padding:.7rem 1.1rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:2px}
.grid{display:grid;gap:1.5rem;padding:2rem 8vw 6rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
article{background:rgba(255,255,255,.45);padding:1.25rem;border:1px solid rgba(0,0,0,.04)} article h2{margin-top:0;font-size:1.15rem}
article p{color:var(--muted);line-height:1.5} footer{display:flex;justify-content:space-between;padding:1.5rem 8vw;color:var(--muted);font-size:.85rem}
.narrow{padding:6vh 8vw;max-width:36rem;line-height:1.6}