*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fbf6ee; color: #201914; font: 17px/1.6 Arial, sans-serif; }
body { padding: 24px; }
#legacy-content { max-width: 960px; margin: 0 auto; }
#legacy-content > p:first-child { color: #9b5b32; font: bold 12px/1.4 monospace; letter-spacing: .08em; text-transform: uppercase; }
h1, h2 { max-width: 760px; font-family: Georgia, serif; font-weight: normal; line-height: 1.08; }
h1 { margin: 72px 0 24px; font-size: 56px; }
h2 { margin: 64px 0 16px; font-size: 38px; }
p { max-width: 680px; }
a { color: #9b5b32; }
form { max-width: 620px; padding: 28px; border: 1px solid #ded2c3; background: #fffdf8; }
label { display: block; margin: 18px 0; }
input:not([type="checkbox"]), textarea { width: 100%; max-width: 100%; min-height: 44px; margin-top: 6px; padding: 8px; border: 1px solid #9b5b32; background: #fffdf8; }
textarea { min-height: 90px; }
button { min-height: 48px; max-width: 100%; padding: 12px 18px; border: 1px solid #9b5b32; color: #fff; background: #9b5b32; font-weight: bold; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 600px) { body { padding: 16px; } h1 { margin-top: 48px; font-size: 42px; } h2 { font-size: 34px; } form { padding: 20px; } }