:root { font-family: ui-serif, Georgia, serif; color: #25302d; background: #eef1eb; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(42rem, calc(100% - 3rem)); padding: 4rem 0; }
.kicker { font: 600 .8rem ui-sans-serif, system-ui, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #6e7b74; }
h1 { font-size: clamp(2.4rem, 8vw, 5rem); line-height: .98; margin: 1rem 0 1.5rem; }
article { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid #aeb8b1; }
p { font-size: 1.08rem; line-height: 1.65; }
@media (prefers-color-scheme: dark) { :root { color: #dce5df; background: #17201d; } .kicker { color: #9baaa2; } article { border-color: #43524a; } }