/* McCann & McCann P.C. — Simple responsive theme */
:root{
  --ink:#1A1A1A;
  --paper:#FFFDF8;
  --brand:#8C001A;    /* deep burgundy */
  --brand-ink:#ffffff;
  --muted:#6b7280;
  --line:#e5e7eb;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
  font-size:16px;
}

a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}

.container{
  width:min(1100px, 92vw);
  margin-inline:auto;
}

.site-header{
  background:var(--brand);
  color:var(--brand-ink);
  position:sticky; top:0; z-index:10;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:0.75rem 0;
}
.logo{width:180px; height:auto}
.site-nav a{
  color:var(--brand-ink);
  margin-left:1rem;
  font-weight:600;
}
.site-nav a:hover{opacity:.9}

.hero{
  background:
    radial-gradient(1000px 500px at 10% -10%, rgba(140,0,26,.08), transparent),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent);
  padding:5rem 0 4rem;
  text-align:center;
}
.hero h1{
  font-size: clamp(2rem, 4vw, 3rem);
  margin:0 0 .25rem 0;
  letter-spacing:.3px;
}
.tagline{font-size:1.1rem; color:var(--muted); margin-bottom:1.25rem}
.btn{
  display:inline-block;
  background:var(--brand);
  color:var(--brand-ink);
  padding:.7rem 1rem;
  border-radius:.6rem;
  font-weight:700;
}
.btn:hover{filter:saturate(1.1) brightness(1.05)}

.section{padding:3rem 0}
.section.alt{background:#fff}

h2{font-size: clamp(1.5rem, 3vw, 2rem); margin:0 0 1rem 0}
h3{margin:.25rem 0 .5rem 0}

.pill-list{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.6rem}
.pill-list li{padding:.5rem .75rem; border:1px solid var(--line); border-radius:999px; background:#fff}

.grid-2{display:grid; gap:1rem; grid-template-columns: repeat(2, minmax(0,1fr))}
@media (max-width: 800px){
  .grid-2{grid-template-columns:1fr}
}

.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius: .75rem;
  padding:1rem;
  box-shadow:0 1px 0 #f2f2f2;
}

.muted{color:var(--muted)}
.small{font-size:.85rem; color:var(--muted)}

.site-footer{
  border-top:1px solid var(--line);
  background:#fff;
  margin-top:2rem;
}
.footer-inner{
  text-align:center;
  padding:1.5rem 0;
}