:root{color-scheme:light;font-family:Arial,sans-serif;color:#282821;background:#f6f4ee}
*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:auto;padding:36px 28px 64px}
nav,footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #d7d8cb}
a{color:#47553b;text-underline-offset:4px}a:focus-visible{outline:2px solid #47553b;outline-offset:5px}
.eyebrow{margin-top:52px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#626758}
h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,8vw,64px);line-height:1.08;letter-spacing:-.035em;margin:24px 0 32px}
.intro{font-size:19px}p,aside{font-size:16px;line-height:1.75;overflow-wrap:anywhere}
aside{padding:20px;border-left:3px solid #677252;background:#e9ecdf;margin:28px 0}
h2{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;margin:40px 0 16px}
footer{border-top:1px solid #d7d8cb;border-bottom:0;margin-top:48px}
@media(max-width:500px){main{padding:20px 20px 40px}.eyebrow{margin-top:36px}.intro{font-size:18px}}