:root{--ground:#faf4e8;--ink:#2b1d16;--muted:#5c4a40;--accent:#a8492a;--rule:#e6d9c4}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif;display:flex;flex-direction:column;min-height:100vh}
main{width:100%;max-width:680px;margin:0 auto;padding:40px 16px 48px;flex:1}
h1{font-size:clamp(2rem,6vw,2.75rem);line-height:1.15;margin:.4em 0 .2em}
h2{font-size:1.2rem;margin:2em 0 .4em}
a{color:var(--accent);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.meta,.small{color:var(--muted);font-size:.9rem}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:bold}
.brand img{border-radius:50%}
.home{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home img{border-radius:50%}
.lede{font-size:1.2rem;max-width:32ch}
.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:bold}
footer{border-top:1px solid var(--rule);padding:18px 16px;text-align:center;font-size:.9rem;color:var(--muted)}