:root { color-scheme: light; font: 1.0625rem/1.65 system-ui, sans-serif; background: #f6f3ea; color: #19221d; }
body { margin: 0; }
header, main, footer { max-width: 48rem; margin: auto; padding: 1rem clamp(1rem, 4vw, 2rem); }
header a { font-size: 1.25rem; font-weight: 800; }
h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.12; margin: 0 0 1rem; }
h2 { line-height: 1.25; margin-top: 2rem; }
a { color: #24513a; text-underline-offset: .18em; }
.cta { display: inline-block; padding: .65rem 1rem; border-radius: .55rem; background: #254833; color: white; font-weight: 700; }
nav { display: grid; gap: .45rem; margin: 2rem 0 1rem; }
.examples { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
figure { margin: 0; text-align: center; }
figure img { display: block; width: 100%; height: auto; }
footer { border-top: 1px solid #d8dcd1; }