:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #273b2f; background: #f6f4ec; }
* { box-sizing: border-box; }
body { min-height: 100vh; min-height: 100svh; margin: 0; display: grid; grid-template-rows: 1fr auto; }
main { align-self: center; text-align: center; padding: 80px 24px 48px; }
.eyebrow { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 10px; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; margin: 0 0 30px; }
.eyebrow span { width: 6px; height: 6px; border-radius: 50%; background: #8e9e70; }
h1 { margin: 0; font-size: clamp(62px, 14vw, 136px); font-weight: 900; letter-spacing: -.075em; line-height: .98; padding-right: .075em; }
.message { color: #586054; font-size: clamp(15px, 2.4vw, 18px); line-height: 1.6; margin: 29px 0 0; }
.rule { height: 1px; width: 36px; background: #bdc4ad; margin: 30px auto 24px; }
.signoff { font-size: 12px; color: #66705e; margin: 0; }
footer { padding: 28px 24px; text-align: center; font-size: 10px; letter-spacing: .12em; color: #66705e; }
@media (max-height: 460px) { main { padding-top: 32px; padding-bottom: 20px; } .eyebrow { margin-bottom: 20px; } footer { padding: 16px; } }