:root { --copper:#b26a2e; --copper-d:#96551f; --dark:#262b1a; --ink:#232323; --muted:#5c5c52; --bg:#faf8f3; --card:#ffffff; --line:#e6ddcb; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:var(--bg); line-height:1.65; }
img { max-width:100%; height:auto; }
header.site { background:#fff; border-bottom:3px solid var(--copper); }
header.site .wrap { max-width:980px; margin:0 auto; padding:.8rem 1rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.logo { height:64px; width:auto; }
.brand { font-size:1.9rem; font-weight:bold; color:var(--dark); line-height:1.1; }
.brand small { display:block; font-size:.85rem; font-weight:normal; color:var(--muted); letter-spacing:.5px; }
.cta { margin-left:auto; display:flex; gap:.6rem; flex-wrap:wrap; }
.btn { display:inline-block; background:var(--copper); color:#fff !important; font-weight:bold; padding:.65rem 1.3rem; border-radius:8px; text-decoration:none; font-size:1.05rem; }
.btn:hover { background:var(--copper-d); }
.btn.ghost { background:#fff; color:var(--copper) !important; border:2px solid var(--copper); }
.btn.ghost:hover { background:#f7ead9; }
nav.main { background:var(--dark); }
nav.main .wrap { max-width:980px; margin:0 auto; display:flex; flex-wrap:wrap; }
nav.main a { color:#e8e4d8; text-decoration:none; padding:.65rem .95rem; font-size:.93rem; }
nav.main a:hover, nav.main a.active { background:var(--copper); color:#fff; }
nav.makes { background:#3a4028; }
nav.makes .wrap { max-width:980px; margin:0 auto; display:flex; flex-wrap:wrap; }
nav.makes a { color:#d8d5c4; text-decoration:none; padding:.45rem .8rem; font-size:.85rem; }
nav.makes a:hover, nav.makes a.active { background:var(--copper); color:#fff; }
main .wrap { max-width:980px; margin:0 auto; padding:1.5rem 1rem 3rem; }
h1 { font-size:1.9rem; color:var(--dark); line-height:1.25; margin:.2rem 0 .6rem; }
h2 { font-size:1.4rem; color:var(--dark); margin-top:2.2rem; border-bottom:2px solid var(--line); padding-bottom:.3rem; }
h3 { font-size:1.15rem; color:var(--dark); }
p { margin:.6rem 0; }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:1.1rem 1.3rem; margin:1.1rem 0; }
.hero { background:#fff; border:1px solid var(--line); border-radius:12px; padding:1.5rem; margin:1rem 0; text-align:center; }
.hero img { max-width:300px; }
.hero .sub { font-size:1.2rem; color:#333; margin:.8rem 0; }
.slogan { font-style:italic; color:var(--muted); }
.badge { display:inline-block; background:var(--dark); color:#fff; font-weight:bold; border-radius:999px; padding:.4rem 1rem; margin:.6rem 0; font-size:1rem; }
.makes-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; }
.makes-grid .card { margin:0; }
.makes-grid h3 { margin-top:0; }
.makes-grid ul { margin:.4rem 0; padding-left:1.2rem; }
.quote-list { font-size:1.05rem; }
.quote-list li { margin-bottom:.35rem; }
.hero-img { border-radius:10px; display:block; margin:0 auto 1rem; max-width:520px; width:100%; }
footer.site { background:var(--dark); color:#cfcaba; font-size:.9rem; }
footer.site .wrap { max-width:980px; margin:0 auto; padding:1.6rem 1rem 4.5rem; }
footer.site a { color:#f0c98f; }
footer.site strong { color:#fff; }
.stickybar { position:fixed; left:0; right:0; bottom:0; display:flex; z-index:50; }
.stickybar a { flex:1; text-align:center; padding:.9rem 0; font-weight:bold; font-size:1.15rem; text-decoration:none; color:#fff; }
.stickybar a.call { background:var(--copper); }
.stickybar a.text { background:var(--dark); }
.post-list { list-style:none; padding:0; }
.post-list li { padding:.7rem 0; border-bottom:1px solid var(--line); }
.post-list .date { color:var(--muted); font-size:.85rem; }
@media (max-width:640px) {
  .brand { font-size:1.5rem; }
  .cta { margin-left:0; width:100%; }
  .cta .btn { flex:1; text-align:center; }
  h1 { font-size:1.55rem; }
}