:root { color-scheme: light; font-family: ui-sans-serif, system-ui, sans-serif; color: #18221d; background: #f4f0e7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
main { width: min(100%, 42rem); padding: clamp(2rem, 9vw, 5rem); border: 1px solid #d9d1c2; border-radius: 1.25rem; background: #fffdf8; box-shadow: 0 1.25rem 3rem rgb(32 36 30 / .08); }
.eyebrow { margin: 0 0 1rem; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #687368; }
h1 { margin: 0; max-width: 14ch; font: 500 clamp(2rem, 8vw, 4.5rem)/1.03 Georgia, serif; }
p:not(.eyebrow) { margin: 1.5rem 0; max-width: 38rem; font-size: 1.05rem; line-height: 1.65; color: #465148; }
a { color: #176a45; font-weight: 700; text-underline-offset: .2em; }