/* ── Case study hero outcomes band ──────────────────────
   Full-width impact row at the foot of each case study hero.
   Each page maps its own palette onto these four tokens in :root:
   --oc-ink (number), --oc-acc (unit), --oc-lbl (label), --oc-rule (top rule). */

/* The hero fills exactly the first screen; the next section starts at the fold.
   The hero clears the 60px fixed nav itself, so #main needs no top offset. */
body #main{padding-top:0;margin-top:0;}
body #hero:has(> .cs-outcomes){
  height:auto;min-height:100vh;min-height:100svh;
  justify-content:flex-start;
  padding-top:96px;padding-bottom:40px;
}
#hero > .hero-split{margin:auto 0 40px;}

.cs-outcomes{
  position:relative;z-index:2;
  display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0 40px;
  width:100%;margin:0;padding:36px 0 0;
  border-top:1px solid var(--oc-rule);
  list-style:none;
}
.oc-item{min-width:0;}
.oc-n{
  font-family:'Fraunces',Georgia,serif;font-weight:300;
  font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.03em;
  color:var(--oc-ink);white-space:nowrap;
  font-variant-numeric:lining-nums;
}
.oc-n em{font-style:normal;font-size:.62em;letter-spacing:-.01em;color:var(--oc-acc);margin-left:.04em;}
.oc-l{
  font-family:'Space Mono',monospace;font-size:10px;line-height:1.6;
  letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;
  color:var(--oc-lbl);margin-top:12px;
}

@media (prefers-reduced-motion:no-preference){
  .oc-item{animation:ocIn .8s cubic-bezier(.16,1,.3,1) both;animation-delay:.45s;}
  .oc-item:nth-child(2){animation-delay:.53s;}
  .oc-item:nth-child(3){animation-delay:.61s;}
  .oc-item:nth-child(4){animation-delay:.69s;}
}
@keyframes ocIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

@media (max-width:1024px){
  .cs-outcomes{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;}
}
@media (max-width:768px){
  body #hero:has(> .cs-outcomes){padding-top:88px;}
  .cs-outcomes{gap:28px 20px;padding-top:28px;}
  .oc-n{font-size:clamp(36px,10vw,48px);}
  .oc-l{margin-top:8px;letter-spacing:.1em;}
}