:root { color-scheme: light; font-family: Georgia, "Times New Roman", serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 2rem; color: #27332f; background: radial-gradient(circle at top, #faf8f0, #e8eee9); }
.letter { width: min(760px, 100%); padding: clamp(2rem, 7vw, 5rem); text-align: center; background: rgba(255,255,255,.82); border: 1px solid rgba(67,88,79,.16); border-radius: 24px; box-shadow: 0 24px 70px rgba(39,51,47,.12); }
.eyebrow { margin: 0 0 .8rem; color: #697972; font-family: system-ui, sans-serif; font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0 0 2rem; font-size: clamp(2.4rem, 7vw, 4.6rem); font-weight: 500; }
blockquote { margin: 0; font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.7; }
blockquote p { margin: 0; }
blockquote p + p { margin-top: 1.25rem; }