:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #171c18; background: #f2f0e8; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: #f2f0e8; }
a { color: inherit; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid #73540e; outline-offset: 3px; }
header { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px clamp(20px, 5vw, 64px); border-bottom: 2px solid #171c18; }
.brand { font: 900 20px/1 Rockwell, "Rockwell Nova", Georgia, serif; text-decoration: none; }
.brand span { color: #315b36; }
header > a:last-child { min-height: 44px; display: inline-flex; align-items: center; font-weight: 750; }
main { max-width: 760px; min-height: calc(100vh - 150px); margin: 0 auto; padding: 72px 24px 100px; }
.eyebrow { margin: 0 0 12px; color: #173d24; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1, h2 { font-family: Rockwell, "Rockwell Nova", Georgia, serif; }
h1 { max-width: 14ch; margin: 0; font-size: clamp(46px, 8vw, 70px); line-height: .98; letter-spacing: -.045em; }
.date { margin: 20px 0 48px; color: #50574f; }
section { margin: 0 0 32px; padding-top: 20px; border-top: 2px solid #171c18; }
h2 { margin: 0 0 10px; font-size: 25px; }
section p { margin: 0; font-size: 17px; line-height: 1.65; }
footer { padding: 24px; border-top: 2px solid #171c18; color: #50574f; text-align: center; }
@media (max-width: 500px) { header { align-items: flex-start; flex-direction: column; } main { padding-top: 48px; } }