
:root{
  --bg:#f4f2f1;
  --bg2:#e6e2e0;
  --text:#1c1c1c;
  --muted:#5a5a5a;
  --border:#cfc8c4;
  --card:#ffffff;

  --accent:#d3b39f;
  --accentDark:#876a57;
}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:var(--accentDark);text-decoration:none;font-weight:600}
.container{max-width:1040px;margin:0 auto;padding:0 22px}
.site-header{background:#ffffff;border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{height:132px}
@media(max-width:768px){.logo{height:84px}}
nav a{margin-left:20px}
.hero{background:linear-gradient(180deg,var(--bg2),var(--bg));padding:64px 0}
.section{padding:56px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:26px}
.button{display:inline-block;padding:13px 20px;border-radius:12px;background:var(--accentDark);color:#fff;margin-top:18px}
.site-footer{background:#2b2b2b;color:#fff;padding:32px 0;margin-top:40px}


/* Floral hero background (upload image to images/floral-hero.jpg) */
.hero{
  background-image:
    linear-gradient(rgba(244,242,241,0.70), rgba(244,242,241,0.70)),
    url("images/floral-hero.jpg");
  background-size: cover;
  background-position: center;
}

/* Keep hero content calm and readable over image */
.hero .card{
  background: rgba(255,255,255,0.78);
}

/* Footer layout */
.site-footer{background:#2b2b2b;color:#fff}
.footer-inner{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.footer-brand{min-width:220px}
.footer-name{font-weight:600;margin-bottom:6px}
.footer-practice,.footer-location{opacity:0.9}
.footer-small{flex:1;min-width:260px;font-size:13px;line-height:1.5;opacity:0.9}
.footer-small p{margin:0 0 10px 0}
