:root { color-scheme: light; --ink: #171814; --paper: #f2f0e8; --green: #596c3b; --rule: rgba(23,24,20,.2); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-underline-offset: .3em; }
header, footer { display: flex; justify-content: space-between; gap: 2rem; padding: 1.25rem 2rem; border-bottom: 1px solid var(--rule); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
main { width: min(56rem, calc(100% - 4rem)); margin: 0 auto; padding: 7rem 0; }
.eyebrow { margin: 0 0 1.5rem; color: var(--green); font-size: .7rem; text-transform: uppercase; letter-spacing: .13em; }
h1 { margin: 0; font: 400 clamp(4.5rem, 11vw, 9rem)/.78 Georgia, serif; letter-spacing: -.065em; }
.lede { max-width: 34rem; margin: 3rem 0 5rem auto; font: 400 1.45rem/1.45 Georgia, serif; }
aside { margin: 0 0 5rem; padding: 1.5rem; background: #e5df9f; border: 1px solid var(--ink); }
aside strong { font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; }
aside p { margin: .65rem 0 0; max-width: 46rem; line-height: 1.55; }
section { display: grid; grid-template-columns: 15rem 1fr; gap: 3rem; padding: 3rem 0; border-top: 1px solid var(--rule); }
h2 { margin: 0; font: 400 1.65rem/1.1 Georgia, serif; }
section > p { margin: 0; line-height: 1.7; }
dl { margin: 0; }
dl div { padding: 0 0 1.5rem; }
dt { margin-bottom: .35rem; color: var(--green); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
dd { margin: 0; line-height: 1.6; }
footer { border-top: 1px solid var(--rule); border-bottom: 0; }
footer p { margin: 0; }
@media (max-width: 650px) {
  header, footer { padding: 1rem; flex-direction: column; }
  main { width: calc(100% - 2rem); padding: 4rem 0; }
  h1 { font-size: clamp(4rem, 22vw, 6.5rem); }
  .lede { margin: 2rem 0 4rem; font-size: 1.2rem; }
  section { grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem 0; }
}