:root { color-scheme: dark; font-family: Georgia, "Times New Roman", serif; color: #f4ebdc; background: #122a29; }
* { box-sizing: border-box; }
body { margin: 0; padding: 64px 24px; }
main { max-width: 720px; margin: auto; }
.eyebrow { color: #d7bb7a; font: 14px/1.6 system-ui, sans-serif; letter-spacing: .06em; }
h1 { margin: 28px 0 16px; font-size: clamp(40px, 8vw, 68px); line-height: 1.1; font-weight: 400; }
.subtitle { color: #d7bb7a; font-size: 25px; }
p { font-size: 19px; line-height: 1.7; }
a { color: #f1d49b; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid #f1d49b; outline-offset: 6px; }
.button { display: inline-block; padding: 15px 22px; margin: 14px 0 28px; color: #122a29; background: #e0c28a; border-radius: 6px; text-decoration: none; font: 600 16px/1.5 system-ui, sans-serif; }
h2 { font-size: 26px; font-weight: 400; margin-bottom: 0; }
footer { display: flex; flex-wrap: wrap; gap: 16px 24px; border-top: 1px solid #46615b; margin-top: 48px; padding-top: 24px; font: 14px/1.6 system-ui, sans-serif; }
footer span { color: #b6c7c0; }
@media (max-width: 480px) { body { padding: 32px 20px; } p { font-size: 17px; } .subtitle { font-size: 22px; } }