:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; background: #f4efe5; color: #211d18; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(rgba(244,239,229,.9),rgba(244,239,229,.96)), repeating-linear-gradient(0deg,transparent 0 47px,rgba(77,54,35,.06) 48px); }
header, main, footer { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
header { padding: 56px 0 28px; } main { padding-bottom: 56px; }
footer { border-top: 1px solid #c9bba6; padding: 22px 0 40px; color: #534b42; font: 14px/1.5 system-ui,sans-serif; }
h1, h2 { font-weight: 600; } h1 { margin: 0 0 8px; font-size: clamp(34px,7vw,56px); } h2 { margin-top: 34px; font-size: 22px; }
p, li { font: 17px/1.7 system-ui,sans-serif; } a { color: #8b2f22; }
.eyebrow { color: #8b2f22; font: 600 13px/1.4 system-ui,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lede { max-width: 640px; color: #4c443b; font-size: 19px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0; }
.button { display: inline-block; border: 1px solid #8b2f22; padding: 11px 16px; text-decoration: none; font: 600 15px/1.3 system-ui,sans-serif; }
.button.primary { background: #8b2f22; color: white; }
.note { border-left: 3px solid #b38a55; padding: 4px 0 4px 18px; color: #4c443b; }
nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; font: 15px/1.4 system-ui,sans-serif; }