:root { color-scheme: light; font-family: system-ui, sans-serif; color: #24352d; background: #f5f4ee; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 2rem 1.25rem; }
main { width: min(100%, 42rem); }
.eyebrow { font-size: .75rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.4rem, 8vw, 4rem); line-height: 1.1; letter-spacing: -.04em; margin: 1.5rem 0; overflow-wrap: anywhere; }
p { max-width: 36rem; line-height: 1.65; }
.intro { font-size: 1.25rem; }
a { color: inherit; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #24593e; outline-offset: 4px; }
.note { margin-top: 2.5rem; border-top: 1px solid #b7c0b8; padding-top: 1rem; font-size: .875rem; }