:root{--bg:#f7f5f1;--ink:#171513;--muted:#6a645c;--accent:#b45309;--line:rgba(23,21,19,.12)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif}
a{color:inherit;text-decoration:none}.wrap{max-width:980px;margin:0 auto;padding:0 1.25rem}
.top{border-bottom:1px solid var(--line)}.bar{display:flex;justify-content:space-between;align-items:center;height:68px}
.brand{font-weight:700}.hero{padding:4.5rem 0 2rem}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);max-width:14ch}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:.7rem 1rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid var(--line);padding:1rem}section{padding:3rem 0}
.foot{padding:2rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
@media(max-width:700px){nav{display:none}}