/* "About the attorneys" — used by /attorneys/ and the #attorneys block on the home page (preview only). */
.att-hero{background:linear-gradient(120deg,#06182d,#0b3155);color:#fff;padding:44px 0 48px}
.att-hero h1{color:#fff;max-width:16ch}
.att-hero p{color:#e3ebf4}
.att-hero .lede{color:#fff}
@media(min-width:820px){.att-hero{padding:76px 0 80px}}

.att-sec{padding:52px 0}
.att-sec.soft{background:var(--soft)}
.att-sec.dark{background:var(--navy);color:#fff}
.att-sec.dark h2,.att-sec.dark h3{color:#fff}
.att-sec.dark p{color:#d5dfea}
@media(min-width:820px){.att-sec{padding:84px 0}}
.att-head{max-width:720px;margin-bottom:28px}
.att-head p{font-size:17px}

/* what the team handles */
.att-cards{display:grid;gap:14px}
@media(min-width:640px){.att-cards{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.att-cards{grid-template-columns:repeat(3,1fr);gap:18px}}
.att-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px}
.att-card .ic{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-family:var(--serif);font-size:17px;margin-bottom:12px}
.att-card h3{font-size:20px;margin-bottom:6px}
.att-card p{font-size:15px;margin:0;color:var(--muted)}
.att-fine{font-size:13px;color:var(--muted);margin-top:16px;max-width:70ch}

/* how we work with them */
.att-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;counter-reset:a}
@media(min-width:820px){.att-steps{grid-template-columns:repeat(3,1fr);gap:36px}}
.att-steps li{counter-increment:a;border-top:2px solid var(--gold);padding-top:16px}
.att-steps li::before{content:"0" counter(a);display:block;font-family:var(--serif);font-size:32px;color:var(--gold2);line-height:1;margin-bottom:8px}
.att-steps b{display:block;font-family:var(--serif);font-weight:500;font-size:22px;margin-bottom:6px;color:#fff}
.att-steps p{margin:0;font-size:15px}

/* credibility strip */
.att-strip{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
@media(min-width:760px){.att-strip{grid-template-columns:repeat(3,1fr)}}
.att-strip>div{padding:22px 20px;border-bottom:1px solid var(--line)}
@media(min-width:760px){.att-strip>div{border-bottom:0;border-right:1px solid var(--line)}.att-strip>div:last-child{border-right:0}}
.att-strip>div:last-child{border-bottom:0}
.att-strip strong{display:block;font-family:var(--serif);font-weight:500;font-size:22px;color:var(--navy);line-height:1.15;margin-bottom:4px}
.att-strip small{display:block;color:var(--muted);font-size:13px;line-height:1.45}

/* people */
.people{display:grid;gap:16px}
@media(min-width:760px){.people{grid-template-columns:1fr 1fr;gap:22px}}
.person{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 22px;display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:start}
.person.lead{border-color:var(--navy);box-shadow:0 14px 34px rgba(7,27,52,.1)}
@media(min-width:760px){.person.lead{grid-column:1/-1}}
.mono{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy2));color:var(--gold2);display:grid;place-items:center;font-family:var(--serif);font-size:28px}
.person h3{margin:0 0 2px;font-size:23px}
.person .role-line{font-size:13px;font-weight:800;color:#b87814;text-transform:uppercase;letter-spacing:.8px;margin:0 0 8px}
.person p{font-size:15px;margin:0 0 8px;color:#33445a}


.att-disc{background:var(--soft);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:16px 18px;font-size:14px;color:#33445a;max-width:78ch}
.att-cta{background:linear-gradient(90deg,#06182d,#0b3155);color:#fff;padding:36px 0}
.att-cta .container{display:flex;flex-direction:column;gap:18px}
.att-cta h2{color:#fff;font-size:clamp(25px,4vw,34px);margin:0 0 6px}
.att-cta p{color:#d6e0ea;margin:0}
@media(min-width:760px){.att-cta .container{flex-direction:row;align-items:center;justify-content:space-between}}
.att-cta .actions{display:flex;gap:12px;flex-wrap:wrap}
/* credential stats */
.att-stats{display:grid;gap:12px}
@media(min-width:560px){.att-stats{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.att-stats{grid-template-columns:repeat(3,1fr);gap:16px}}
.att-stat{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:20px 18px}
.att-stat strong{display:block;font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.1;color:var(--navy);margin-bottom:6px}
.att-stat small{display:block;color:var(--muted);font-size:14px;line-height:1.45}
.att-cards.res .att-card h3{color:var(--navy)}
.person>div:last-child{min-width:0}
.person .creds{margin-top:12px}
.person .creds div{padding:10px 0}
@media(min-width:760px){.person .creds div{grid-template-columns:110px 1fr;gap:14px}}
@media(max-width:520px){.person{grid-template-columns:1fr;gap:20px}.mono{width:64px;height:64px;font-size:24px}}