:root{color-scheme:light;--ink:#302a22;--gold:#8b6b37;--line:#d7c8a9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 15% 0%,#fffdf7 0,#f1e7d2 48%,#e7d8b9 100%);color:var(--ink);font:16px/1.9 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#6b4b20;text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px max(20px,calc((100vw - 980px)/2));border-bottom:1px solid var(--line);background:#fff9}
.site-header .brand{font:600 27px Georgia,serif;letter-spacing:.03em;text-decoration:none;color:var(--ink)}
.site-header .brand span{font:16px system-ui,sans-serif;margin-inline-start:10px;color:var(--gold)}
.site-header>a:last-child{font-size:14px}
main{max-width:920px;margin:48px auto 70px;padding:44px clamp(22px,6vw,70px);border:1px solid #fff;background:#fffaf0dd;border-radius:28px;box-shadow:0 22px 65px #57432320}
.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--gold);font-weight:700}
h1{font:600 clamp(2.2rem,5vw,3.8rem)/1.2 Georgia,"Times New Roman",serif;margin:12px 0 18px}
h2{font-size:1.25rem;margin:0 0 8px;color:#5e482a}
p{margin:0 0 12px}.lead{font-size:1.12rem;color:#55493a}
section{padding:25px 0;border-top:1px solid var(--line)}
.closing{padding-top:10px}footer{max-width:920px;margin:0 auto 32px;padding:0 22px;color:#776d5d;font-size:12px}
@media(max-width:700px){.site-header{padding:16px 20px}main{margin:18px 12px 35px;padding:28px 22px;border-radius:20px}}