/* runAtlas case study page (team content, briefs/team/case_study_big_five_marketing_group.txt). Type roles and tokens only.
   The results as a comparison table with the figures large; the review cycle as a finished chip diagram (the industry diagram's code);
   the paper break is a straight cut, not a tear. */
.cs-open{padding-bottom:clamp(56px,6vw,88px)}
.cs-facts{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--line)}
.cs-facts li{padding-top:16px;font:400 var(--s-body)/1.5 var(--f);color:var(--fg)}
.cs-k{display:block;font:500 var(--s-small)/1.4 var(--f);color:var(--fg2);margin-bottom:4px}
.cs-results .h2,.cs-value .h2{margin-bottom:clamp(32px,4vw,56px)}
.cs-th{display:grid;grid-template-columns:4fr 3fr 5fr;column-gap:var(--gap);padding-bottom:12px;border-bottom:1px solid var(--line2);font:500 var(--s-small)/1.4 var(--f);color:var(--fg2)}
.cs-rows{list-style:none;margin:0;padding:0}
.cs-r{display:grid;grid-template-columns:4fr 3fr 5fr;column-gap:var(--gap);align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line)}
.cs-fig{font:var(--w-h3) var(--s-lede)/1.3 var(--f);color:var(--fg)}
.cs-res{font:var(--w-h2) var(--s-h2)/1 var(--f);letter-spacing:-.032em;color:#fff}
.cs-r:first-child .cs-res{color:var(--verm)}
.cs-how{font:400 var(--s-body)/1.55 var(--f);color:var(--fg2);max-width:34em}
.cs-note{margin-top:20px;color:var(--fg2);max-width:60em}
.cs-col{max-width:44em}
.cs-col .lede{margin-top:20px}
.cs-built{padding-top:clamp(88px,9vw,136px);padding-bottom:clamp(88px,9vw,136px)}
.cs-dg{margin-top:clamp(40px,5vw,72px)}
.cs-four,.cs-three{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;column-gap:var(--gap);row-gap:28px}
.cs-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-three{grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:none}
.cs-four li,.cs-three li{padding-top:18px;border-top:1px solid var(--iline)}
.cs-three li{border-top-color:var(--line)}
.cs-four h3,.cs-three h3{margin-bottom:8px}
.cs-four p{font:400 var(--s-body)/1.55 var(--f);color:var(--ink2)}
.cs-three p{font:400 var(--s-body)/1.55 var(--f);color:var(--fg2)}
.cs-close .lede{max-width:36em;margin:24px auto 0}
.cs-close .h2{max-width:14em;margin:0 auto}
@media (max-width:760px){
  .cs-facts{grid-template-columns:1fr 1fr;row-gap:12px}
  .cs-th{display:none}
  .cs-r{grid-template-columns:1fr;row-gap:8px;padding:22px 0}
  .cs-four,.cs-three{grid-template-columns:1fr}
}