:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { max-width: 700px; margin: 0 auto; padding: clamp(3rem,8vw,6rem) clamp(1.5rem,7vw,5rem) 7rem; background: #f1ecdf; color: #2a241c; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.06rem,2vw,1.18rem); line-height: 1.9; text-rendering: optimizeLegibility; }
p { margin: 0 0 1.45em; }
body > p:first-of-type { margin: 0 0 .45rem; color: #9a7139; font: 600 .68rem Arial, sans-serif; letter-spacing: .22em; text-transform: uppercase; }
body > p:nth-of-type(2) { margin: 0 0 3rem; color: #211c14; font-size: clamp(2.15rem,6vw,4rem); line-height: 1.08; letter-spacing: -.02em; }
body > p:nth-of-type(3)::first-letter { float: left; margin: .1em .12em 0 0; color: #9a7139; font-size: 4.9em; line-height: .72; }
hr { width: 3rem; margin: 3.8rem auto; border: 0; border-top: 1px solid #b58a48; }
.note { margin: 2.2rem 7%; color: #6f512c; font-style: italic; text-align: center; }
::selection { background: #c9a084; color: #211c14; }
@media (max-width: 520px) { body { line-height: 1.82; } body > p:nth-of-type(2) { margin-bottom: 2.3rem; } }