:root { color-scheme: light; --ink: #183530; --muted: #61716b; --paper: #f7f5ee; --line: #cfd6cb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--paper); color: var(--ink); font-family: Georgia, "Times New Roman", serif; display: grid; grid-template-rows: 1fr auto; }
main { width: min(100% - 48px, 760px); margin: auto; padding: 80px 0 72px; }
.eyebrow { margin: 0 0 22px; color: var(--muted); font: 600 .72rem/1.3 Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(3rem, 9vw, 5.8rem); font-weight: 500; letter-spacing: -.055em; line-height: .95; }
.lead { max-width: 620px; margin: 34px 0 0; font-size: clamp(1.25rem, 2.4vw, 1.7rem); line-height: 1.5; }
.rule { width: 100%; height: 1px; margin: 56px 0 34px; background: var(--line); }
section { max-width: 600px; }
h2 { margin: 0 0 12px; font-size: 1.35rem; font-weight: 500; }
section p, address { margin: 0; color: var(--muted); font: 1rem/1.7 Arial, sans-serif; }
a { color: var(--ink); text-decoration-color: #91a59a; text-underline-offset: .16em; }
a:hover { text-decoration-color: var(--ink); }
.contact { margin-top: 48px; padding-top: 34px; border-top: 1px solid var(--line); }
.contact address { margin-top: 18px; font-style: normal; }
footer { padding: 24px; border-top: 1px solid var(--line); color: var(--muted); font: .75rem/1.4 Arial, sans-serif; text-align: center; }
@media (max-width: 600px) { main { width: min(100% - 40px, 760px); padding: 64px 0; } }