:root {
  --sage-green: #A8B9A0;
  --linen-light: #E9E5DA;
  --terracotta-orange: #E77C47;
  --charcoal: #333333;
  --soft-white: #FAFAF8;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--soft-white); color:var(--charcoal); font-family:'Lato', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.65; }
.container { width:min(1100px,92%); margin:0 auto; }
header { background:linear-gradient(180deg,var(--linen-light), var(--soft-white)); border-bottom:1px solid rgba(0,0,0,.06);}
.nav { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; }
.nav a { color:var(--charcoal); text-decoration:none; margin-left:1rem; }
.nav a:hover { text-decoration:underline; }
.logo { display:flex; align-items:center; gap:.75rem; }
.logo img { height:42px; width:auto; }
.logo .brand-name { font-family:'Merriweather', serif; font-weight:700; }
.section { margin: 3.5rem 0; }
.section h1, .section h2 { font-family:'Merriweather', serif; margin:.2rem 0 1rem; }
.section p { max-width: 780px; font-size:1.06rem; }
.badge { display:inline-block; padding:.25rem .5rem; border-radius:999px; background:var(--linen-light); font-size:.75rem; }
.highlight { color:var(--terracotta-orange); font-family:'Raleway', sans-serif; font-weight:600; }
footer { margin-top:3rem; padding:1.25rem 0 3rem; border-top:1px solid rgba(0,0,0,.06); font-size:.95rem; }
footer a { color:var(--charcoal);}