:root{font-family:Georgia,serif;color:#25352d;background:#f4f1e8;line-height:1.65}
    *{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}
    header,main,footer{max-width:1000px;margin:auto;padding:28px}
    header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #a6ad9e}
    .brand,.eyebrow,nav,footer{font-family:system-ui,sans-serif}.brand{font-weight:700;letter-spacing:.05em}
    nav{display:flex;gap:24px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
    .intro{padding:64px 0 48px;max-width:690px}h1{font-size:clamp(36px,7vw,68px);line-height:1.08;font-weight:400;margin:20px 0}
    .intro p{font-size:20px}h2{font-size:28px;line-height:1.25;font-weight:400}
    .notes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #a6ad9e;padding:30px 0}
    article p,#about p{max-width:640px}article{padding-right:12px}#about{border-top:1px solid #a6ad9e;padding:24px 0 40px}
    footer{border-top:1px solid #a6ad9e;font-size:13px;overflow-wrap:anywhere}
    @media(max-width:640px){.notes{grid-template-columns:1fr;gap:8px}.intro{padding:36px 0}header,main,footer{padding:22px}header{flex-wrap:wrap}}
    @media(prefers-color-scheme:dark){:root{color:#e3e7dd;background:#1e2924}}