:root { color-scheme: light; font-family: Georgia, serif; color: #173d31; background: #faf7f0; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.7; }
header { background: #102c24; color: #fff; padding: 22px 7%; }
header a { color: #f1c881; text-decoration: none; font-weight: 700; }
main { width: min(760px, 88%); margin: 0 auto; padding: 64px 0 80px; }
.eyebrow { color: #a86631; font: 700 12px/1.2 Arial, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
h1 { font-size: clamp(2.2rem, 6vw, 4.4rem); line-height: 1.06; margin: 14px 0 24px; }
h2 { font-size: 1.7rem; line-height: 1.2; margin-top: 42px; }
p, li { font-size: 1.08rem; }
.callout { margin: 36px 0; padding: 24px; border-left: 4px solid #c87836; background: #edf5ef; }
.cta { display: inline-block; margin-top: 16px; padding: 12px 18px; background: #c87836; color: #fff; border-radius: 999px; text-decoration: none; font-family: Arial, sans-serif; font-weight: 700; }
footer { padding: 28px 7%; background: #102c24; color: #dbece4; font: 14px/1.5 Arial, sans-serif; }