:root{
  --bg:#f9f7f3;
  --bg-2:#e8ddcf;
  --paper:#ffffff;
  --ink:#5d5146;
  --muted:#8c7d72;
  --accent:#d9d3cc;
  --radius:14px;
  --shadow:0 6px 20px rgba(0,0,0,.06);
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;}
h1,h2,h3{margin:0 0 .6rem;color:var(--ink);line-height:1.2;}
h1{font-size:clamp(2rem,1.2rem+3vw,2.8rem);}
h2{font-size:clamp(1.25rem,1rem+1.5vw,2rem);}
p{margin:.4rem 0 1rem;}

.container{width:min(1100px,92%);margin:auto;}
.kicker{text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;color:var(--muted);}

/* Header */
.header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid #eee;z-index:50;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.brand-logo{width:38px;height:38px;border-radius:50%;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--ink);}
.brand-name{font-weight:600;color:var(--ink);}
.menu{display:flex;gap:1rem;}
.menu a{text-decoration:none;color:var(--ink);padding:.4rem .8rem;border-radius:8px;}
.menu a:hover{background:var(--bg-2);}
.menu-btn{display:none;}
@media(max-width:820px){.menu{display:none}.menu-btn{display:inline-flex;padding:.5rem .7rem;border:1px solid #ddd;border-radius:10px;background:var(--paper);}}

/* Drawer */
.drawer{position:fixed;inset:0 auto 0 0;width:260px;background:var(--paper);transform:translateX(-100%);transition:.3s;padding:1rem;}
.drawer.open{transform:translateX(0);}
.drawer a{display:block;padding:.8rem 0;border-bottom:1px solid #eee;color:var(--ink);}

/* Hero */
.hero{background:linear-gradient(160deg,var(--bg-2) 0%,var(--bg) 100%);}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding:3rem 0;}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;}}
.headline{font-weight:800;}
.subhead{color:var(--muted);}
.cta-row{margin-top:1rem;display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;}
.headshot{width:min(360px,90%);margin:auto;}
.headshot img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);}

/* Buttons (both the same now) */
.btn{
  padding:.8rem 1.2rem;
  border-radius:var(--radius);
  font-weight:600;
  text-decoration:none;
  transition:.2s;
  background:var(--paper);
  color:var(--ink);
  border:1px solid #ddd;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
}
.btn:hover{
  background:var(--bg-2);
}

/* Sections */
.section{padding:3rem 0;}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.grid{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.grid{grid-template-columns:1fr;}}
.card{background:var(--paper);border:1px solid #eee;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);}

/* About */
.about{display:grid;gap:2rem;grid-template-columns:1.2fr .8fr;align-items:center;}
@media(max-width:900px){.about{grid-template-columns:1fr;}}
.badge-row{margin-top:.5rem;display:flex;gap:.6rem;flex-wrap:wrap;}
.badge{padding:.35rem .7rem;border-radius:999px;background:var(--bg-2);color:var(--ink);font-size:.8rem;}

/* Contact */
.contact-card{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;}
@media(max-width:900px){.contact-card{grid-template-columns:1fr;}}
.contact-item strong{display:block;}
.map-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}

/* Footer */
.footer{background:var(--bg-2);padding:1.5rem 0;text-align:center;color:var(--muted);}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.footer a{text-decoration:none;color:var(--ink);}

/* Sticky buttons */
.sticky-buttons{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid #ddd;display:flex;justify-content:space-around;padding:.6rem 0;z-index:60;}
.sticky-buttons a{text-decoration:none;color:var(--ink);font-weight:600;display:flex;flex-direction:column;align-items:center;}