:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #11140f; color: #eef2e7; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at 20% 10%, #293322 0, transparent 34rem), #11140f; }
main { width: min(760px, calc(100% - 40px)); padding: 72px 0; }
.eyebrow { color: #a7c989; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { max-width: 720px; margin: 18px 0 22px; font-family: Georgia, serif; font-size: clamp(2.6rem, 8vw, 5.4rem); font-weight: 500; line-height: .98; letter-spacing: -.045em; }
h2 { margin: 0 0 12px; font-size: 1rem; color: #a7c989; }
.lead { max-width: 620px; color: #c8d0c0; font-size: 1.15rem; line-height: 1.7; }
section { max-width: 620px; margin-top: 56px; padding-top: 24px; border-top: 1px solid #394132; color: #b7c0b0; line-height: 1.7; }
nav { display: flex; gap: 24px; margin-top: 52px; }
a { color: #dcebcf; text-underline-offset: 5px; }
a:hover { color: #a7c989; }