:root {  /* colour */  --sage: #EEF0E6;  --paper: #F8F8F2;  --moss: #D5DBC6;  --rule: #C9CEBB;  --leaf: #6E8F5E; /* decorative fills only */  --copper: #9A5A2B;  --copper-deep: #7A4520;  --forest: #1F3B2C;  --forest-soft: #3A4E40;  --forest-muted: #4F6652;  --forest-on-dark: #C9CEBB;  /* type */  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;  --font-body: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;  --text-h1: 500 64px/1.02 var(--font-display);  --text-h2: 500 44px/1.05 var(--font-display);  --text-h3: 600 30px/1.1 var(--font-display);  --text-title: 600 21px/1.2 var(--font-display);  --text-name: 600 19px/1.2 var(--font-display);  --text-lead: 400 18px/1.6 var(--font-body);  --text-body: 400 17px/1.6 var(--font-body);  --text-body-sm: 400 15px/1.6 var(--font-body);  --text-ui: 700 14px/1.4 var(--font-body);  --text-caption: 400 13px/1.4 var(--font-body);  --text-eyebrow: 400 11px/1.4 var(--font-body);  /* space */  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;  --container: 1200px;  --gutter: 32px;  /* shape */  --radius-sm: 6px;  --radius-md: 12px;  --radius-pill: 999px;  --radius-print: 3px;  --border: 1px solid var(--rule);  --border-strong: 2px solid var(--forest);  --shadow-card: 0 4px 14px rgba(31, 59, 44, 0.12);  --shadow-print: 0 8px 20px rgba(31, 59, 44, 0.14);  /* motion */  --ease: 150ms ease-out;}@media (max-width: 640px) {  :root {    --gutter: 16px;    --text-h1: 500 44px/1.05 var(--font-display);    --text-h2: 500 32px/1.1 var(--font-display);  }}@media (prefers-reduced-motion: reduce) {  :root { --ease: 0ms linear; }}html { background: var(--sage); color: var(--forest); font: var(--text-body); }body { margin: 0; }h1 { font: var(--text-h1); letter-spacing: -0.01em; margin: 0; text-wrap: balance; }h2 { font: var(--text-h2); margin: 0; text-wrap: balance; }h3 { font: var(--text-h3); margin: 0; }p { margin: 0; color: var(--forest-soft); text-wrap: pretty; }a { color: var(--copper); }a:hover { color: var(--copper-deep); }:focus-visible { outline: 3px solid var(--forest); outline-offset: 2px; }
