.client-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.clients-reference .brand-hero{min-height:170px}
.clients-reference .brand-hero-content{max-width:none;padding:24px 26px 36px}
.clients-reference .brand-hero h1{font-size:28px;line-height:34px;max-width:none}
.clients-reference .brand-hero h1>span{display:inline;margin-left:8px}
.clients-reference .brand-hero-photo{opacity:.14}
.clients-reference .brand-hero-signature{display:none}
.clients-reference .brand-hero-description{max-width:none;margin-bottom:14px}
.clients-reference .portfolio-stat{min-height:106px;padding:16px}
.clients-reference .portfolio-stat-copy strong{font-size:32px;line-height:36px}
.donut-layout{display:flex;align-items:center;gap:18px;min-height:170px}
.client-donut{width:145px;height:145px;border-radius:50%;padding:23px;flex-shrink:0}
.client-donut>div{height:100%;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.client-donut strong{font-size:30px}.client-donut small{font-size:11px}
.chart-legend{flex:1;min-width:0}.chart-legend p{display:flex;align-items:center;gap:6px;font-size:11px;margin:16px 0}.chart-legend strong{margin-left:auto}.chart-legend i{height:8px;width:8px;border-radius:50%;flex-shrink:0}
.vertical-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:170px;background:repeating-linear-gradient(to top,transparent 0 39px,#edf0f2 40px 41px);padding-top:10px}
.vertical-chart>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;font-size:11px}.vertical-chart i{width:75%;max-width:48px;display:block;border-radius:3px 3px 0 0}.vertical-chart strong{font-size:13px}.vertical-chart span{background:white;width:100%;text-align:center;padding-top:5px}
.stage-funnel{padding-top:4px}.stage-funnel>div{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:12px}.stage-funnel span{padding:10px 20px;flex:1;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}.stage-funnel>div:nth-child(2){padding-inline:9px}.stage-funnel>div:nth-child(3){padding-inline:18px}.stage-funnel>div:nth-child(4){padding-inline:27px}
@media(max-width:1400px){.donut-layout{gap:10px}.client-donut{width:115px;height:115px;padding:18px}}
@media(max-width:767px){.clients-reference .brand-hero h1{font-size:25px;line-height:30px}.clients-reference .brand-hero h1>span{display:block;margin-left:0}.clients-reference .brand-hero-content{padding:20px 20px 36px}.donut-layout{justify-content:center}.chart-legend{max-width:160px}.client-donut{width:145px;height:145px;padding:23px}}
.chart-panel{padding:20px}.chart-panel h2{font-size:16px;margin-bottom:24px}
.report-bar{margin:16px 0}.report-bar>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px;gap:12px}.bar-track{height:9px;border-radius:4px;background:#f0f1ee;overflow:hidden}.bar-track i{display:block;height:100%;min-width:0;border-radius:4px}
.table-scroll{overflow:auto}.client-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.client-table th{background:#f4f5f2;font-weight:500;color:var(--text-secondary);padding:12px 20px;white-space:nowrap}
.client-table td{padding:14px 20px;border-top:1px solid #e9ece7;vertical-align:middle}
.client-table .person-link{font-size:13px;white-space:nowrap}.client-table .avatar{width:34px;height:34px;font-size:11px;background:#eee6da}
.client-table .btn{border:0;background:transparent;font-size:12px;font-weight:500;text-align:left;justify-content:flex-start;padding:6px 0;min-height:40px}
.client-table .btn:hover,.client-table .person-link:hover{color:#ad4000;text-decoration:underline}
.table-engagement{display:flex;align-items:center;gap:12px;justify-content:space-between}.client-table .badge{font-size:11px;white-space:nowrap}.client-table small{display:block;font-size:11px}
.table-result{font-size:12px;margin:8px 0 0;color:var(--text-secondary)}
.lifecycle-report{margin-top:24px}.lifecycle-report>.section-heading{margin-bottom:16px}.lifecycle-report>.section-heading>.btn{font-size:12px}
.report-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}.report-footer p{margin:0;font-size:13px}.report-footer>.btn{font-size:13px}
@media(max-width:1100px){.client-charts{grid-template-columns:1fr}.report-bar{margin:12px 0}}
@media(max-width:767px){.client-table th,.client-table td{padding:12px}.client-table{min-width:620px}.lifecycle-report{padding:16px}.lifecycle-report .section-heading{flex-wrap:wrap}.report-footer{flex-direction:column;align-items:start}.client-charts{gap:12px}.brand-hero .actions{gap:8px}}
@media(min-width:1101px){
 .clients-reference .brand-hero{min-height:145px}
 .clients-reference .brand-hero-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:20px 24px 30px}
 .clients-reference .brand-hero-content>.eyebrow,.clients-reference .brand-hero-content>h1,.clients-reference .brand-hero-description{grid-column:1}
 .clients-reference .brand-hero-content>.actions{grid-column:2;grid-row:2/4;align-self:center;flex-wrap:nowrap}
 .clients-reference .brand-hero h1{font-size:30px;line-height:36px;margin-bottom:6px}
 .clients-reference .brand-hero-description{margin-bottom:0}
 .clients-reference .directory-tools{padding:16px 20px}
 .clients-reference .table-result .btn{min-height:32px;padding:5px 9px;font-size:11px}
 .clients-reference .chart-panel h2{margin-bottom:16px}
 .clients-reference .client-charts{margin:18px 0}
 .clients-reference .stage-funnel span{padding-block:8px}
}