:root { --paper: #F4E9DB; --ink: #493F38; --plum: #51445F; --saffron: #F2A13A; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 18px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
header img { width: 72px; height: 72px; border-radius: 18px; }
h1 { color: var(--plum); font-size: 40px; line-height: 1.1; margin: 0; }
h2 { color: var(--plum); margin-top: 32px; }
.hero { width: 100%; height: auto; border-radius: 18px; display: block; margin: 16px 0 24px; }
a { color: var(--plum); font-weight: 600; }
footer { margin-top: 48px; font-size: 15px; opacity: 0.8; }