/* Client story: charcoal section, big numbers in their own row, then a photo with the quote beside challenge, assessment and result */
.story{--st-bg:#171C20;--st-line:rgba(255,255,255,.12);--st-ink:#F7F7F5;--st-mute:#9298A6;--st-mint:#9FD7B1;--st-green:#5FC184;
  background:var(--st-bg);color:var(--st-ink);padding:var(--section-y) var(--gutter);position:relative;z-index:2}
.story-wrap{max-width:var(--container);margin:0 auto}
.story-head{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.story-head h2{font-size:var(--h2);line-height:1.06;letter-spacing:-.03em;font-weight:500;text-wrap:balance}
.story-head h2 span{color:var(--st-mint)}
.story-head p{font-size:var(--lead);line-height:1.6;color:#C9CCC9;max-width:27em;justify-self:end}

.story-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:var(--head-gap) 0}
.story-stat{padding:0 clamp(16px,2.4vw,40px);border-left:1px solid var(--st-line)}
.story-stat:first-child{border-left:0;padding-left:0}
.story-stat b{display:block;font-size:var(--stat);font-weight:500;letter-spacing:-.035em;line-height:1;color:var(--st-mint);font-variant-numeric:tabular-nums}
.story-stat b sup{font-size:.5em;vertical-align:.7em;margin-left:.04em}
.story-stat span{display:block;margin-top:16px;font-size:var(--small);font-weight:600;letter-spacing:var(--label-track);text-transform:uppercase;line-height:1.5}

.story-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--st-line);border-radius:var(--r-lg);overflow:hidden}
.story-photo{position:relative;min-height:clamp(340px,30vw,420px);margin:0}
.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,17,20,.86) 0%,rgba(14,17,20,.55) 38%,rgba(14,17,20,0) 70%)}
.story-photo blockquote{position:absolute;left:var(--card-pad);right:var(--card-pad);bottom:var(--card-pad);z-index:1;margin:0}
.story-photo blockquote p{font-size:var(--h3);line-height:1.3;font-weight:500;letter-spacing:-.01em;max-width:20em;text-wrap:balance}
.story-photo footer{margin-top:16px;font-size:var(--body);font-weight:500}
.story-photo footer small{display:block;font-size:var(--small);font-weight:400;color:#C9CCC9;margin-top:4px}
.story-rows{display:flex;flex-direction:column}
.story-row{flex:1;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:clamp(24px,2.2vw,32px) var(--card-pad);border-top:1px solid var(--st-line)}
.story-row:first-child{border-top:0}
.story-row svg{width:26px;height:26px;color:var(--st-green);margin-top:2px}
.story-row small{display:block;font-size:var(--small);color:var(--st-mute)}
.story-row p{font-size:var(--lead);line-height:1.5;margin-top:8px;max-width:28em}

@media(max-width:1000px){.story-head{grid-template-columns:1fr;gap:16px}.story-card{grid-template-columns:1fr}}
/* four numbers: four across, then two by two */
@media(max-width:900px){.story-stats{grid-template-columns:repeat(2,1fr);row-gap:32px}.story-stat:nth-child(3){border-left:0;padding-left:0}}