/* Timing and workflow progression lead; agent names sit in the small caption position. */
#people.results-section{padding:22px 0 32px;background:#fff;border:0;color:#2c1c3e}
#people .results-wrap{width:calc(100% - var(--gutter)*2);max-width:1280px;margin-inline:auto}
#people .results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
#people .results-heading .eyebrow{font-size:13px;color:var(--muted);letter-spacing:.9px;margin:0 0 20px}
#people .results-heading h2{margin:0;color:var(--ink);text-wrap:balance}
#people .results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#people .result-card{min-width:0;min-height:460px;padding:22px 23px 19px;container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;background:#eeebf5;border:1px solid #d7c7e9;font:400 15px/1.5 Manrope,Arial,sans-serif}
#people .result-card:nth-child(even){background:#e2dced}
#people .result-metric-group{min-height:146px;width:100%;padding:0 0 20px;display:flex;flex-direction:column;justify-content:flex-start}
#people .result-metric{margin:0;color:#6539c0}
#people .result-timing{display:flex;align-items:baseline;justify-content:center;gap:clamp(6px,2.6cqi,9px);flex-wrap:nowrap;white-space:nowrap;font-family:Manrope,Arial,sans-serif;letter-spacing:0}
#people .metric-before{font:400 clamp(14px,6.4cqi,18px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em;color:#6d587f}
#people .metric-arrow{font:400 clamp(17px,7.6cqi,21px)/1 Manrope,Arial,sans-serif;color:#957caf}
#people .metric-to{font:400 clamp(14px,6.4cqi,18px)/1.3 Manrope,Arial,sans-serif;color:#6539c0;letter-spacing:-.025em}
#people .metric-after{position:relative;display:inline-flex;align-items:baseline;gap:clamp(3px,1.7cqi,5px);color:#6539c0;white-space:nowrap}
#people .metric-estimate{position:absolute;right:0;top:-13px;font:400 9px/1.2 Manrope,Arial,sans-serif;letter-spacing:0;color:#62516f}
#people .metric-after b{font:500 clamp(36px,19cqi,62px)/1 Manrope,Arial,sans-serif;letter-spacing:-.055em}
#people .metric-unit{font:400 clamp(18px,8.6cqi,28px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.035em}
#people .result-metric-note.result-agent{font:400 13px/1.5 Manrope,Arial,sans-serif;color:#62516f;margin:13px 0 0;letter-spacing:0}
/* One original-duration track; the purple fill is the new duration. Work-unit assumptions are in each chart's accessible description. */
#people .time-comparison{width:100%;margin-top:18px}
#people .time-track{display:block;width:100%;height:20px;overflow:hidden;border-radius:2px;background:#c9b7e6}
#people .time-fill{display:block;margin-left:auto;width:calc(var(--time-after)*100%);height:100%;background:#6539c0}
#people .result-progression{width:100%;display:block;gap:0;padding:0 0 0 18px;margin:0 0 18px}
#people .result-progression>div{position:relative;display:block;padding:0 0 16px;border:0}
#people .result-progression>div:first-child{min-height:104px}
#people .result-progression>div:last-child{padding-bottom:0}
#people .result-progression>div::before{content:'';position:absolute;top:7px;left:-19px;width:7px;height:7px;border:1px solid #8259b1;border-radius:50%;background:#eeebf5;z-index:1}
#people .result-progression>div:first-child::after{content:'';position:absolute;left:-15px;top:11px;bottom:-11px;width:1px;background:#c3abd9}
#people .result-progression>div:last-child::before{background:#6539c0;border-color:#6539c0}
#people .result-progression dt{font:500 16px/1.25 Manrope,Arial,sans-serif;color:#62516f;letter-spacing:-.02em;margin:0 0 10px}
#people .result-progression dd{font:400 15px/1.5 Manrope,Arial,sans-serif;color:#2c1c3e;letter-spacing:-.2px;margin:0}
#people .result-scope-note{display:block;font:400 11px/1.5 Manrope,Arial,sans-serif;color:#62516f;margin-top:10px;letter-spacing:0}
#people .result-client{width:100%;min-height:46px;margin:auto 0 0;padding:12px 0 0;border-top:1px solid #cdbde0;display:flex;flex-direction:column;gap:5px;color:#62516f}
#people .result-client p{font:400 12px/1.5 Manrope,Arial,sans-serif;margin:0}
#people .result-client .result-disclosure{font-size:10px}
@media(max-width:1150px){#people .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#people .result-card{min-height:420px;padding:23px 27px}#people .result-progression>div:first-child{min-height:96px}}

@media(max-width:900px){#people .results-heading{display:block}#people.results-section{padding-top:16px}}
@media(max-width:650px){#people .results-grid{grid-template-columns:1fr;gap:12px}#people .result-card{min-height:0;padding:23px 27px}#people .result-metric-group{min-height:0;padding:0 0 20px}#people .result-progression>div:first-child{min-height:0}#people .result-progression dd{font-size:16px}#people .result-scope-note{font-size:12px}#people .result-client{min-height:38px}#people .result-client p{font-size:13px}#people .result-client .result-disclosure{font-size:11px}}
@media(max-width:600px){#people.results-section{padding:10px 0 24px}#people .results-heading{margin-bottom:23px}#people .results-heading .eyebrow{font-size:12px;letter-spacing:.7px;margin-bottom:15px}#people .results-heading h2{letter-spacing:-1.8px}}
@media(max-width:359px){#people .result-card{padding:18px 22px}}


/* A quiet, static hand-off from the agent gallery into its results.
   The SVG's painted vertical bounds are 23.5..215 in a 220-unit viewBox.
   Center those painted bounds, not the asymmetrically padded image box,
   between the gallery and results cards (desktop) or title ink (stacked).
   The image's font metrics mirror the adjacent two-line heading solely
   to calculate its midpoint; no heading typography is changed. */
#agents:has(+ .results-section){padding-bottom:50px}
#people.results-section{padding-top:72px}
#people .results-wrap{position:relative}
#people .results-heading{position:relative;z-index:1}
#people .results-heading>div{width:max-content;max-width:none}
#people .results-transition{position:absolute;left:50%;right:auto;top:calc(1lh - 46px - var(--transition-width)*.1753676471);font:500 clamp(38px,calc(3.55vw + 2px),55px)/1.14 Manrope,Arial,sans-serif;--transition-width:620px;width:calc(var(--transition-width)*1.0705882353);max-width:none;height:auto;transform:translateX(-50%);pointer-events:none;user-select:none}
#people .results-review-note{position:absolute;right:0;bottom:-4px}
@media(max-width:1200px){#people .results-transition{--transition-width:clamp(440px,47vw,560px)}}
@media(max-width:900px){#agents:has(+ .results-section){padding-bottom:34px}#people.results-section{padding-top:30px}#people .results-heading{padding-top:116px}#people .results-heading>div{width:auto;max-width:100%}#people .results-transition{left:50%;right:auto;top:calc(26px + (1lh - 1cap)/4 - var(--transition-width)*.1753676471);--transition-width:310px;transform:translateX(-50%)}#people .results-review-note{position:static;margin-top:13px}}
@media(max-width:600px){#people .results-heading{padding-top:110px}#people .results-transition{font-size:39px;--transition-width:min(310px,calc(100vw - var(--gutter)*2));top:calc(27px + (1lh - 1cap)/4 - var(--transition-width)*.1753676471)}#people.results-section{padding-top:22px}}
@media(max-width:360px){#people .results-transition{font-size:36px}}

/* Match the existing white angled strip beneath the sector callout. */
.sector-band.sector-center::after{content:"";display:block;height:34px;box-sizing:border-box;border-top:1px solid #d8cde7;background:repeating-linear-gradient(135deg,transparent 0,transparent 11px,#bba3d54a 11px,#bba3d54a 12px),#fff;pointer-events:none}
@media(max-width:600px){.sector-band.sector-center::after{height:24px}}

/* One Pitch / CIM results trial. The original detail face sets the card's height. */
#people .result-card.result-flip-card{position:relative;display:block;padding:0;border:0;background:transparent;container-type:normal;perspective:1400px}
#people .result-flip-rotor{display:grid;position:relative;min-height:inherit;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
#people .result-flip-card.is-flipped .result-flip-rotor{transform:rotateY(180deg)}
#people .result-flip-face{position:relative;grid-area:1/1;min-width:0;min-height:inherit;padding:22px 23px 19px;border:1px solid #d7c7e9;background:#e2dced;display:flex;flex-direction:column;align-items:flex-start;container-type:inline-size;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#people .result-flip-back{transform:rotateY(180deg)}
#people .result-flip-summary{width:100%;padding-bottom:26px}
#people .result-flip-summary h3{max-width:240px;margin:0 0 34px;font:500 22px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.65px;color:#2c1c3e}
#people .result-flip-outcome{margin:27px 0 0;font:400 17px/1.55 Manrope,Arial,sans-serif;letter-spacing:-.25px;color:#2c1c3e}
#people .result-flip-face .result-client{padding-right:55px}
#people .result-flip-open,#people .result-flip-close{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:#4d3070;appearance:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;--control-hover:transparent;--control-pressed:transparent;--control-ink:#4d3070}
#people .result-flip-face .portrait-plus{left:auto;top:auto;right:18px;bottom:13px;width:43px;height:43px}
#people .result-flip-face .portrait-minus::after{display:none}
#people .result-flip-open:focus-visible,#people .result-flip-close:focus-visible{outline:3px solid #6539c0!important;outline-offset:-7px!important;box-shadow:none!important}
#people :is(.result-flip-open,.result-flip-close):is(:focus-visible,:active,[data-pointer-pressed="true"]) .portrait-plus{background:#532da3;color:#fff}
@media(hover:hover) and (pointer:fine){#people :is(.result-flip-open,.result-flip-close):hover .portrait-plus{background:#532da3;color:#fff}}
#people .result-flip-face[aria-hidden="true"]{pointer-events:none}
@media(max-width:1150px){#people .result-flip-face{padding:23px 27px}}
@media(max-width:650px){#people .result-flip-summary h3{margin-bottom:30px;font-size:23px}#people .result-flip-outcome{font-size:18px}#people .result-flip-face .result-client{min-height:46px}}
@media(max-width:359px){#people .result-flip-face{padding:18px 22px}#people .result-flip-summary h3{font-size:22px}#people .result-flip-outcome{font-size:17px}#people .result-flip-face .portrait-plus{right:16px;bottom:12px}}
@media(prefers-reduced-motion:reduce){
 #people .result-flip-rotor{transition:none!important;transform:none!important}
 #people .result-flip-back{transform:none}
 #people .result-flip-face[aria-hidden="true"]{visibility:hidden}
}
