: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}


/* Page-specific hero images */
.hero.hero--practice{
  background-image:
    linear-gradient(rgba(244,242,241,0.70), rgba(244,242,241,0.70)),
    url("images/lady-justice-hero.jpg");
}

.hero.hero--contact{
  background-image:
    linear-gradient(rgba(244,242,241,0.70), rgba(244,242,241,0.70)),
    url("images/swans-hero.jpg");
}

/* Optional alternate Contact hero (architecture):
   Replace swans-hero.jpg above with architecture-hero.jpg */
/* ===== Attorney page: lock 2-column layout ===== */
.container.card.attorney-flex{
  display: flex !important;
  gap: 32px;
  align-items: flex-start;
}

.container.card.attorney-flex .attorney-headshot{
  flex: 0 0 240px;
  width: 240px !important;
  max-width: 240px !important;
  height: auto;
  border-radius: 16px;
  display: block;
  margin: 0;
}

.container.card.attorney-flex .attorney-bio{
  flex: 1;
  min-width: 0;
}

/* Mobile: stack nicely */
@media (max-width: 768px){
  .container.card.attorney-flex{
    flex-direction: column;
  }
  .container.card.attorney-flex .attorney-headshot{
    width: 280px !important;
    max-width: 100% !important;
    margin: 0 auto 18px;
  }
}