:root{
    --ink:#121017;
    --ink-2:#1c1a24;
    --ink-3:#26232f;
    --orange:#d9752e;
    --orange-deep:#ad5a20;
    --orange-light:#f0a463;
    --paper:#faf7f2;
    --paper-2:#f1ece2;
    --line-dark:rgba(250,247,242,0.14);
    --line-light:#e4ddd0;
    --text-dark:#1d1a22;
    --text-muted:#726d7a;
    --text-on-ink:#f4f1ea;
    --text-on-ink-muted:#b6b0c0;
    --max:1180px;
    --radius:2px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--text-dark);

    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;}
  .wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}

  h1,h2,h3,.serif{
    /** font-family:'Fraunces',serif !important; */
    font-weight:600;
    letter-spacing:-0.01em;
    margin:0;
  }
  .num{
    /** font-family:'Fraunces',serif !important; */
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
  }
  .eyebrow{

    font-size:12px;
    font-weight:700;
    letter-spacing:0.16em;
    text-transform:uppercase;
  }

  :focus-visible{
    outline:2px solid var(--orange);
    outline-offset:3px;
  }

  /* ---------- Review ribbon ---------- */
  .review-ribbon{
    background:#000;
    color:#c9c4d1;
    font-size:12.5px;
    text-align:center;
    padding:8px 16px;
    letter-spacing:0.03em;
    border-bottom:1px solid #2a2833;
  }
  .review-ribbon strong{color:var(--orange-light); font-weight:700;}

  /* ---------- Nav ---------- */
  .site-nav{
    background:var(--ink);
    border-bottom:1px solid var(--line-dark);
    position:sticky;
    top:0;
    z-index:50;
  }
  .site-nav .wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:76px;
  }
  .brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
  }
  .brand-mark{
    width:38px;height:38px;
    border:1.5px solid var(--orange);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    /** font-family:'Fraunces',serif !important; */
    font-weight:700;
    font-size:18px;
    color:var(--orange);
    flex-shrink:0;
  }
  .brand-word{
    color:var(--text-on-ink);
    /** font-family:'Fraunces',serif !important; */
    font-size:18px;
    font-weight:600;
    line-height:1.1;
  }
  .brand-word span{
    display:block;
    font-family:'Inter',sans-serif  !important;
    font-size:10px;
    letter-spacing:0.2em;
  
    font-weight:600;
    margin-top:2px;
  }
  .nav-crumb{
  
    font-size:13px;
    display:none;
  }
  @media(min-width:860px){ .nav-crumb{display:block;} }
  .nav-cta{
    display:flex;
    align-items:center;
    gap:20px;
  }
  .nav-phone{
    color:var(--orange-light);
    font-weight:700;
    font-size:15px;
    text-decoration:none;
    display:none;
  }
  @media(min-width:640px){ .nav-phone{display:inline-block;} }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    font-weight:700;
    font-size:13.5px;
    letter-spacing:0.02em;
    padding:13px 24px;
    border-radius:var(--radius);
    cursor:pointer;
    text-decoration:none;
    border:1.5px solid transparent;
    transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
    white-space:nowrap;
  }
  .btn:hover{ transform:translateY(-1px); }
  .btn-solid{
    background:var(--orange);
    color:#fff;
  }
  .btn-solid:hover{ background:var(--orange-deep); }
  .btn-ghost-dark{
    border-color:rgba(244,241,234,0.35);
    color:var(--text-on-ink);
  }
  .btn-ghost-dark:hover{ border-color:var(--orange); color:var(--orange-light); }
  .btn-ghost-light{
    border-color:#d8cfba;
    color:var(--text-dark);
  }
  .btn-ghost-light:hover{ border-color:var(--orange); color:var(--orange-deep); }
  .btn-sm{ padding:10px 18px; font-size:12.5px; }

  /* ---------- Hero ---------- */
  .hero{
    /* background:
      radial-gradient(ellipse 900px 500px at 15% -10%, rgba(217,117,46,0.16), transparent 60%),
      linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%); */
    color:var(--text-on-ink);
    padding:76px 0 88px;
    position:relative;
    overflow:hidden;
    border-bottom:1px solid var(--line-dark);
    padding-top: 20vh;
    background: #37383B;
  }
  .hero::after{
    content:"";
    position:absolute;
    right:-120px; top:-80px;
    width:520px; height:520px;
    border:1px solid rgba(217,117,46,0.18);
    border-radius:50%;
  }
  .hero-inner{ position:relative; z-index:1; max-width:1200px; }
  .hero .eyebrow{ color:var(--orange-light); margin-bottom:22px; }
  .hero .eyebrow::before{
    content:"";
    display:inline-block;
    width:26px; height:1px;
    background:var(--orange);
    margin-right:10px;
    vertical-align:middle;
  }
  .ledger-figure{
    font-size:clamp(40px, 8vw, 84px);
    line-height:0.98;
    font-weight:600;
    color:#fff;
    margin:0 0 6px;
  }
  .ledger-figure sup{
    color:var(--orange-light);
    font-size:0.7em;
    font-weight:700;
    margin-left:6px;
    top:-0.2em;
  }
  .ledger-caption{
    font-size:13.5px;
    margin:0 0 30px;
    border-left:2px solid var(--orange);
    padding-left:12px;
    margin-top: 15px;
  }
  .ledger-caption.recover-settled-wrapper {
    margin-bottom: 15px;
    font-size: 22px;
}
.ledger-caption p{
        line-height: 150%;
}

  .ledger-caption b{ color:var(--text-on-ink); font-weight:700; }
  .hero-headline{
    font-size:clamp(22px, 3vw, 30px);
    font-weight:500;
    color:var(--text-on-ink);
    margin-bottom:16px;
    /*max-width:620px;*/
  }
  .hero-sub{
    font-size:16px;
    line-height:1.65;
    /* */
    /*max-width:560px;*/
    margin-bottom:36px;
  }
  .hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:44px; }

  .hero-stats{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
    gap:0;
    border-top:1px solid var(--line-dark);
    padding-top:26px;
    max-width:720px;
  }
  .hero-stat{ padding-right:27px; }
  .hero-stat .num{ font-size:26px; color:var(--orange-light); font-weight:600; }
  .hero-stat .lbl{ font-size:12px; letter-spacing:0.03em; margin-top:4px; line-height: 125%; }

  /* ---------- Filter bar ---------- */
  .filter-bar{
    background:var(--paper);
    border-bottom:1px solid var(--line-light);
    position:sticky;
    top:76px;
    z-index:9;
  }
  .filter-bar .wrap{
    display:flex;
    align-items:center;
    gap:14px;
    padding-top:16px;
    padding-bottom:16px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .filter-bar .wrap::-webkit-scrollbar{ display:none; }
  .filter-label{
    font-size:12px;
    font-weight:700;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--text-muted);
    flex-shrink:0;
  }
  .filter-pill{
    flex-shrink:0;

    font-size:13px;
    font-weight:600;
    padding:9px 16px;
    border-radius:999px;
    border:1px solid var(--line-light);
    background:#fff;
    color:var(--text-dark);
    cursor:pointer;
    transition:all .15s ease;
  }
  .filter-pill:hover{ border-color:var(--orange);
  border: 1px solid;}
  .filter-pill.active{
    background:var(--ink);
    border-color:var(--ink);
    color:#fff;
    /* border:1px; */
  }
  button.filter-pill:focus:not(:focus-visible) {
   border: inherit;
}
  .filter-pill.active .count{ color:var(--orange-light); }
  .filter-pill .count{ color:var(--text-muted); margin-left:2px; }
  .filter-pill.active .count{ color:var(--orange-light); }

  /* ---------- Ledger section ---------- */
  .ledger-section{ padding:76px 0 40px; }
  .section-head{ max-width:680px; margin-bottom:48px; }
  .section-head .eyebrow{ color:var(--orange-deep); margin-bottom:14px; }
  .section-head .eyebrow::before{
    content:"";
    display:inline-block;
    width:26px;height:1px;
    background:var(--orange-deep);
    margin-right:10px;
    vertical-align:middle;
  }
  .section-head h2{
    font-size:clamp(26px,3.4vw,38px);
    font-weight:600;
    color:var(--text-dark);
    line-height:1.2;
    text-transform: unset;
  }

  /* Results grid — literal ledger/spreadsheet cells: hairline rules between tiles */
  .results-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line-light);
    border:1px solid var(--line-light);
    border-right: 0px;
  }
  @media(max-width:860px){ .results-grid{ grid-template-columns:repeat(2,1fr); } }
  @media(max-width:560px){ .results-grid{ grid-template-columns:1fr; } }

  .result-tile{
    padding:32px 28px 30px;
    display:flex;
    flex-direction:column;
    gap:14px;
    opacity:0;
    transform:translateY(10px);
    transition:opacity .5s ease, transform .5s ease, box-shadow .2s ease;
    position:relative;
    background:var(--paper);
  }
  .result-tile.in-view{ opacity:1; transform:none; }
  .result-tile.is-hidden{ display:none; }
  .result-tile::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:3px;
    background:var(--orange);
  }

  .tile-tag{
    display:inline-block;
    align-self:flex-start;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    padding:4px 9px;
    border-radius:3px;
    color:var(--orange-deep);
    background:rgba(217,117,46,0.1);
  }

  .tile-amount{
    font-size:clamp(28px,3.4vw,38px);
    font-weight:600;
    line-height:1;
    color:var(--orange-deep);
  }

  .tile-desc{
    font-size:14.5px;
    line-height:1.6;
    color:var(--text-muted);
    margin-top: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .case-results-detail {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--text-muted);
}
.case-results-detail p {
    margin-bottom: 2px;
}

  .disclaimer{
    font-size:12.5px;
    line-height:1.7;
    color:var(--text-muted);
    max-width:760px;
    margin:36px 0 0;
    font-style:italic;
  }

  /* ---------- Trust band ---------- */
  .trust-band{
    background:var(--ink);
    color:var(--text-on-ink);
    padding:88px 0;
    margin-top:70px;
    background: #37383B;
  }
  .trust-head{ max-width:640px; margin-bottom:56px; }
  .trust-head .eyebrow{ color:var(--orange-light); margin-bottom:14px; }
  .trust-head h2{
    font-size:clamp(26px,3.4vw,36px);
    color:#fff;
    line-height:1.25;
    text-transform: unset;
  }
  .trust-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:44px;
  }
  @media(max-width:860px){ .trust-grid{ grid-template-columns:1fr; gap:36px; } }
  .trust-item .num{
    font-size:15px;
    color:var(--orange-light);
    font-weight:700;
    letter-spacing:0.02em;
    display:block;
    margin-bottom:12px;
  }
  .trust-item p{
    font-size:15.5px;
    line-height:1.7;
  
    margin:0;
  }
  .trust-item p b{ color:var(--text-on-ink); font-weight:600; }

  /* ---------- Practice areas ---------- */
  .areas-section{ padding:88px 0; }
  .areas-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--line-light);
    border:1px solid var(--line-light);
  }
  @media(max-width:860px){ .areas-grid{ grid-template-columns:1fr; } }
  .area-card{
    background:var(--paper);
    padding:36px 32px;
    transition:background .15s ease;
  }
  .area-card:hover{ background:#fff; }
  .area-card .area-index{
    /** font-family:'Fraunces',serif !important; */
    font-size:13px;
    color:var(--orange-deep);
    font-weight:700;
    letter-spacing:0.06em;
    text-transform:uppercase;
    margin-bottom:12px;
    display:block;
  }
  .area-card h3{
    font-size:22px;
    font-weight:600;
    margin-bottom:12px;
  }
  .area-card p{
    font-size:14.5px;
    line-height:1.65;
    color:var(--text-muted);
    margin:0 0 22px;
  }
  .area-link{
    font-size:13.5px;
    font-weight:700;
    color:var(--orange-deep);
    text-decoration:none;
    border-bottom:1.5px solid transparent;
    transition:border-color .15s ease;
  }
  .area-link:hover{ border-color:var(--orange-deep); }

  /* ---------- Final CTA ---------- */
  .final-cta{
    background:linear-gradient(180deg, var(--ink-2), var(--ink));
    color:#fff;
    padding:100px 0;
    text-align:center;
    position:relative;
    overflow:hidden;
    background: #37383B;
  }
  .final-cta .wrap{ position:relative; z-index:1; }
  .final-cta .eyebrow{
  
    justify-content:center;
    margin-bottom:18px;
  }
  .final-word{
    /** font-family:'Fraunces',serif !important; */
    font-style:italic;
    font-weight:600;
    font-size:clamp(48px,9vw,110px);
    color:var(--orange);
    line-height:0.95;
    margin-bottom:8px;
  }
  .final-cta h2{
    font-size:clamp(20px,2.6vw,26px);
    font-weight:500;
    color:var(--text-on-ink);
    max-width:520px;
    margin:0 auto 34px;
    line-height:1.5;
  }
  .final-actions{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-bottom:22px; }
  .final-note{ font-size:13px; }

  /* ---------- Footer ---------- */
  .site-footer{
    background:var(--ink);
    border-top:1px solid var(--line-dark);
    padding:40px 0;
  }
  .site-footer .wrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  .footer-brand{ display:flex; align-items:center; gap:10px; font-size:13px; }
  .footer-brand .brand-mark{ width:26px; height:26px; font-size:12px; }
  .footer-legal{ font-size:12px; color:#5b5766; max-width:640px; line-height:1.6; }
  .footer-meta{ font-size:12.5px; }
  .trust-item p strong {
    color: #fff;
}
.ledger-caption p strong {
    color: #fff;
}

.result-tile{
  padding:32px 28px 30px;
  display:flex;
  flex-direction:column;
  gap:14px;
  opacity:0;
  transform:translateY(10px) scale(0.98);
  transition:opacity .26s cubic-bezier(.4,0,.2,1), transform .26s cubic-bezier(.4,0,.2,1), box-shadow .2s ease;
  position:relative;
  background:var(--paper);
  will-change:opacity, transform;
}
.filter-pill{
  flex-shrink:0;
  font-size:13px;
  font-weight:600;
  padding:9px 16px;
  border-radius:999px;
  border:1px solid var(--line-light);
  background:#fff;
  color:var(--text-dark);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  transition:background .2s cubic-bezier(.4,0,.2,1),
             border-color .2s cubic-bezier(.4,0,.2,1),
             color .2s cubic-bezier(.4,0,.2,1);
}
.filter-pill:hover{ border-color:var(--orange); }
.filter-pill:focus{ outline:none; }
.filter-pill:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
}
.filter-pill.active{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
}
.filter-pill.active .count{ color:var(--orange-light); }
.filter-pill .count{ color:var(--text-muted); margin-left:2px; transition:color .2s ease; }
.area-card-body {
    min-height: 72px;
}
#heroCounter {
	display: none
}
.cr-list-img {
    margin-bottom: 8px;
    margin-right: 5px;
}
.filter-bar .wrap {
    scrollbar-width: thin !important;
}

  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    .result-tile{ transition:none; opacity:1; transform:none; }
  }

    @media(max-width:1440px){ 
  .hero {
    padding-top: 25vh;
}
  }
  @media(max-width:991px){ 
  .hero {
    padding-top: 15vh;
}
  .ledger-caption {
    margin-top: 15px;
}
}

@media(max-width:768px){

.results-grid {
    border-right: 0px;
    border-left: 0px;
}

}