:root { color-scheme: light; --paper:#f4f0e6; --ink:#1d211d; --muted:#667068; --sage:#48685b; --sage-dark:#29483d; --sage-light:#d9e4dc; --copper:#b95f38; --cream:#fffdf7; --line:rgba(42,55,47,.17); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--paper); color:var(--ink); }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); }
a { color:inherit; }
.brand { display:inline-flex; align-items:center; gap:10px; width:fit-content; color:var(--ink); text-decoration:none; font-size:22px; font-weight:760; letter-spacing:-.04em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:50% 50% 50% 16%; background:var(--sage-dark); color:var(--cream); font-family:Georgia,serif; font-style:italic; }
.home-main { width:min(1180px,calc(100% - 40px)); min-height:calc(100vh - 145px); margin:0 auto; display:grid; place-items:center; }
.home-hero { width:min(800px,100%); padding:70px 0 90px; text-align:center; }
.eyebrow { margin:0 0 14px; color:var(--copper); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.14em; }
h1 { margin:0 auto 22px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,8vw,88px); font-weight:500; line-height:.98; letter-spacing:-.045em; }
.home-hero > p:not(.eyebrow) { max-width:630px; margin:0 auto 30px; color:var(--muted); font-size:clamp(17px,2vw,21px); line-height:1.6; }
.primary-link { display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:12px 17px; border-radius:10px; background:var(--sage-dark); color:white; text-decoration:none; font-size:14px; font-weight:780; }
.primary-link:hover { background:var(--sage); }
footer { display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:24px 0 30px; border-top:1px solid var(--line); }
footer > a:last-child { color:var(--sage-dark); font-size:13px; font-weight:750; }
@media (max-width:620px) { .home-main,footer { width:calc(100% - 28px); } .home-hero { padding:58px 0 72px; } h1 { font-size:48px; } }