:root { --ink: #2b2620; --paper: #f6f1ea; --accent: #8a6f4d; }
* { box-sizing: border-box; }
body { margin: 0; font-family: Georgia, 'Times New Roman', serif; background: var(--paper); color: var(--ink); }
.wrap { max-width: 40rem; margin: 0 auto; padding: 4rem 1.5rem; }
.kicker { text-transform: uppercase; letter-spacing: .18em; font-size: .75rem; color: var(--accent); }
h1 { font-size: 2.4rem; font-weight: normal; margin: .2em 0 .6em; }
p { line-height: 1.6; }
form { margin-top: 2.5rem; display: grid; gap: 1rem; }
label { display: grid; gap: .35rem; font-size: .9rem; }
input, textarea { font: inherit; font-size: 16px; padding: .6rem .7rem; border: 1px solid #cfc4b4; border-radius: 4px; background: #fff; }
button { font: inherit; padding: .7rem 1.4rem; border: 0; border-radius: 4px; background: var(--ink); color: var(--paper); cursor: pointer; justify-self: start; }
button:hover { background: var(--accent); }
.hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#form-status { min-height: 1.2em; margin: 0; }