:root {
  color-scheme: light;
  --paper: #fef4e3;
  --surface: #fffbf4;
  --ink: #24432d;
  --muted: #55655b;
  --line: #ddd4c3;
  --forest: #24432d;
  --forest-deep: #163522;
  --mint: #a5d4b9;
  --sage: #abb98d;
  --purple: #a54e87;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 80% 0, rgb(165 212 185 / 34%), transparent 34rem), var(--paper); font: 16px/1.55 Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; }
header, footer { display: flex; width: min(1120px, calc(100% - 2rem)); margin: auto; align-items: center; justify-content: space-between; gap: 2rem; padding: 1.4rem 0; border-bottom: 1px solid var(--line); }
header nav, footer { display: flex; flex-wrap: wrap; gap: 1.5rem; }
header nav a, footer a { text-decoration: none; }
.brand { display: inline-flex; align-items: center; text-decoration: none; }
.brand img { width: 6.75rem; height: auto; }
.hero { width: min(1120px, calc(100% - 2rem)); margin: auto; padding: clamp(5rem, 12vw, 10rem) 0; }
.eyebrow { color: var(--purple); font-size: .75rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.hero h1 { max-width: 900px; margin: .5rem 0 1.5rem; font: 500 clamp(3.2rem, 8vw, 7rem)/.98 "Iowan Old Style", "Palatino Linotype", Georgia, serif; }
.hero h1 em { color: var(--forest); font-style: normal; text-decoration: underline; text-decoration-color: var(--mint); text-decoration-thickness: .12em; text-underline-offset: .08em; }
.lede { max-width: 620px; color: var(--muted); font-size: 1.25rem; }
.actions { display: flex; gap: .8rem; margin-top: 2rem; }
.button { display: inline-flex; padding: .8rem 1.1rem; border-radius: .65rem; color: white; background: var(--forest); text-decoration: none; }
.button.secondary { border: 1px solid var(--forest); color: var(--forest); background: var(--surface); }
.button.muted { opacity: .72; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); background: rgb(255 251 244 / 58%); }
.features article { padding: clamp(2rem, 5vw, 4rem); border-right: 1px solid var(--line); }
.features article:last-child { border: 0; }
.features b { color: var(--purple); }
.features h2, .principles h2 { font: 500 2.1rem "Iowan Old Style", "Palatino Linotype", Georgia, serif; }
.features p { color: var(--muted); }
.principles { display: grid; width: min(1120px, calc(100% - 2rem)); margin: auto; grid-template-columns: 1fr 1fr; gap: 4rem; padding: 6rem 0; }
.principles ul { margin: 0; padding: 0; list-style: none; }
.principles li { padding: 1rem 0; border-bottom: 1px solid var(--line); font-size: 1.1rem; }
footer { border-top: 1px solid var(--line); border-bottom: 0; color: var(--muted); }
@media (max-width: 720px) {
  header { align-items: flex-start; }
  header nav { justify-content: flex-end; }
  .brand img { width: 5.75rem; }
  .features, .principles { grid-template-columns: 1fr; }
  .features article { border-right: 0; border-bottom: 1px solid var(--line); }
  .principles { gap: 1rem; }
  .actions, footer { align-items: flex-start; flex-direction: column; }
}