/* ============================================================
   99creatix results cluster
   ONE layer shared by the hub (.c99-results) and all four case
   studies (.c99-case). Built once, never duplicated per page.
   Selectors are doubled so they outrank the homepage's .c99 rules,
   which print later in the site custom CSS.
   ============================================================ */

.c99.c99-results [id], .c99.c99-case [id] { scroll-margin-top: 92px; }

/* --teal-d is the accessible teal for text on paper. The brand --teal
   (#35D6BE) is for the dark stage only and fails contrast on light. */
.c99.c99-results, .c99.c99-case { --teal-d: #12907C; }

/* sparkline wipe: clip-path, never stroke-dasharray. Chrome computes dash
   lengths in screen space when vector-effect is non-scaling-stroke, which
   chops the stretched line into segments. A clip wipe has no dash maths at
   all, so the line is always continuous and simply revealed left to right. */
.js .c99.c99-results .spark,
.js .c99.c99-case .spark { clip-path: inset(0 100% 0 0); transition: clip-path 1.1s ease .15s; }
.js .c99.c99-results .spark.in,
.js .c99.c99-case .spark.in { clip-path: inset(0 0 0 0); }
@media (prefers-reduced-motion: reduce) {
  .c99.c99-results .spark, .c99.c99-case .spark { clip-path: none !important; transition: none; }
}

/* ============================================================
   HUB
   ============================================================ */
.c99.c99-results .display { font-size: clamp(2.3rem, 7vw, 5.4rem); line-height: .9; letter-spacing: -.05em; }
.c99.c99-results .h2 { font-size: clamp(1.7rem, 4.2vw, 3rem); line-height: .98; letter-spacing: -.038em; }
.c99.c99-results .opening .hero { padding-block: clamp(2.75rem, 7vw, 5rem) clamp(2rem, 4vw, 3rem); }
.c99.c99-results .hero__eyebrow { display: block; padding-bottom: 1.5rem; }
.c99.c99-results .hero h1 { margin-bottom: 1.4rem; }
.c99.c99-results .hero__sub { max-width: 52ch; margin: 0 0 clamp(2.5rem, 5vw, 3.5rem); line-height: 1.5; }
.c99.c99-results .opening .nav__links a[aria-current] { color: var(--panel-ink); }

/* scoreboard: four cells sharing hairline edges, one object */
.c99.c99-results .board {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
  background: var(--panel-rule); border: 1px solid var(--panel-rule);
}
.c99.c99-results .board > div { background: var(--panel); padding: clamp(1.4rem,3vw,2rem) clamp(1.2rem,2.4vw,1.6rem) clamp(1.5rem,3vw,2rem); }
.c99.c99-results .board .k { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .13em; text-transform: uppercase; color: var(--panel-mute); margin-bottom: .9rem; }
.c99.c99-results .board .v { font-family: var(--mono); font-weight: 500; font-size: clamp(2.3rem,5.2vw,3.6rem); letter-spacing: -.055em; line-height: 1; color: var(--teal); font-variant-numeric: tabular-nums; }
.c99.c99-results .board .who { display: block; font-family: var(--grot); font-weight: 600; font-size: .98rem; letter-spacing: -.015em; color: var(--panel-ink); margin-top: 1rem; }
.c99.c99-results .board .meta { display: block; font-family: var(--mono); font-size: .61rem; letter-spacing: .05em; color: var(--panel-mute); margin-top: .3rem; }
.c99.c99-results .board svg { width: 100%; height: 30px; display: block; margin-top: 1rem; }
@media (max-width: 1020px) { .c99.c99-results .board { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .c99.c99-results .board { grid-template-columns: 1fr; } }

/* case rows: one continuous ledger, each row an entire link */
.c99.c99-results .cases { padding-block: clamp(3.5rem,7vw,5.5rem) clamp(3rem,6vw,4.5rem); }
.c99.c99-results .cases__head { margin-bottom: clamp(2rem,4vw,3rem); max-width: 62ch; }
.c99.c99-results .cases__head .tag { display: block; margin-bottom: 1.1rem; }
.c99.c99-results .cases__head p { color: var(--ink-mute); margin: 1.2rem 0 0; font-size: clamp(.98rem,1.5vw,1.08rem); }
.c99.c99-results .run { border-top: 1px solid var(--ink); }
.c99.c99-results .case {
  display: grid; grid-template-columns: 1fr auto; gap: clamp(1.5rem,4vw,3rem); align-items: start;
  padding: clamp(1.8rem,3.5vw,2.6rem) 0 clamp(1.9rem,3.5vw,2.8rem); border-bottom: 1px solid var(--rule);
  text-decoration: none; color: inherit; transition: background .18s ease;
}
.c99.c99-results .case:hover { background: var(--paper-2); }
.c99.c99-results .case__n { font-family: var(--mono); font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; color: var(--blue); display: block; margin-bottom: .7rem; }
.c99.c99-results .case h3 { font-size: clamp(1.5rem,3.4vw,2.3rem); letter-spacing: -.035em; text-transform: uppercase; line-height: 1; margin-bottom: .7rem; font-weight: 700; }
.c99.c99-results .case__meta { font-family: var(--mono); font-size: .65rem; letter-spacing: .06em; color: var(--ink-soft); display: block; margin-bottom: 1rem; }
.c99.c99-results .case__lead { margin: 0; color: var(--ink-mute); font-size: clamp(.95rem,1.4vw,1.03rem); line-height: 1.62; max-width: 58ch; }
.c99.c99-results .case__go { display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.2rem; font-family: var(--mono); font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; color: var(--ink); }
.c99.c99-results .case__go i { font-style: normal; transition: transform .2s ease; display: inline-block; }
.c99.c99-results .case:hover .case__go i { transform: translateX(4px); }
.c99.c99-results .case__num { text-align: right; }
.c99.c99-results .case__num b { display: block; font-family: var(--mono); font-weight: 500; font-size: clamp(2.4rem,6vw,4rem); letter-spacing: -.055em; line-height: 1; color: var(--teal-d); font-variant-numeric: tabular-nums; }
.c99.c99-results .case__num span { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .11em; text-transform: uppercase; color: var(--ink-soft); margin-top: .6rem; max-width: 16ch; margin-left: auto; line-height: 1.5; }
@media (max-width: 760px) {
  .c99.c99-results .case { grid-template-columns: 1fr; gap: 1.4rem; }
  .c99.c99-results .case__num { text-align: left; }
  .c99.c99-results .case__num span { margin-left: 0; }
}

/* measurement note */
.c99.c99-results .measure { padding-block: 0 clamp(3.5rem,7vw,5.5rem); }
.c99.c99-results .measure__in { max-width: 760px; border-top: 1px solid var(--ink); padding-top: clamp(2rem,4vw,3rem); }
.c99.c99-results .measure h2 { margin-bottom: 1.2rem; }
.c99.c99-results .measure p { color: var(--ink-mute); font-size: clamp(.98rem,1.5vw,1.08rem); line-height: 1.68; margin: 0 0 1rem; }
.c99.c99-results .measure p:last-child { margin-bottom: 0; }
.c99.c99-results .measure strong { color: var(--ink); font-weight: 700; }

/* services behind the numbers */
.c99.c99-results .via { padding-block: 0 clamp(3.5rem,7vw,5.5rem); }
.c99.c99-results .via__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.c99.c99-results .via__grid a { background: var(--paper); padding: 1.35rem 1.4rem 1.5rem; text-decoration: none; color: inherit; display: block; transition: background .18s ease; }
.c99.c99-results .via__grid a:hover { background: var(--paper-2); }
.c99.c99-results .via__grid .k { display: block; font-family: var(--mono); font-size: .58rem; letter-spacing: .13em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: .6rem; }
.c99.c99-results .via__grid b { display: block; font-size: 1rem; letter-spacing: -.025em; margin-bottom: .35rem; font-weight: 700; }
.c99.c99-results .via__grid p { margin: 0; font-size: .86rem; color: var(--ink-mute); line-height: 1.5; }
@media (max-width: 820px) { .c99.c99-results .via__grid { grid-template-columns: 1fr; } }

/* ============================================================
   CASE STUDY
   ============================================================ */
.c99.c99-case .display { font-size: clamp(2.1rem,5.6vw,4.3rem); line-height: .94; letter-spacing: -.045em; }
.c99.c99-case .h2 { font-size: clamp(1.7rem,4.2vw,3rem); line-height: .98; letter-spacing: -.038em; }
.c99.c99-case .opening .nav__links a[aria-current] { color: var(--panel-ink); }

.c99.c99-case .crumb {
  padding-top: 1.3rem; margin: 0; font-family: var(--mono); font-size: .63rem;
  letter-spacing: .11em; text-transform: uppercase; color: var(--panel-mute);
}
.c99.c99-case .opening .crumb a { color: var(--panel-mute); text-decoration: none; }
.c99.c99-case .opening .crumb a:hover { color: var(--panel-ink); }
.c99.c99-case .crumb span { color: var(--blue-l); }

.c99.c99-case .opening .hero { padding-block: clamp(2rem,5vw,3.2rem) clamp(2rem,4vw,3rem); }
.c99.c99-case .hero__eyebrow { display: block; padding-bottom: 1.4rem; }
.c99.c99-case .hero h1 { margin-bottom: 1.4rem; max-width: 20ch; }
.c99.c99-case .hero h1 em { font-style: normal; color: var(--blue-l); }
.c99.c99-case .hero__sub { max-width: 54ch; font-size: clamp(1rem,1.7vw,1.18rem); margin: 0 0 clamp(2.2rem,4.5vw,3.2rem); line-height: 1.55; }

/* headline figures: teal on the dark stage, ruled top and bottom */
.c99.c99-case .opening .figs { grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--panel-rule); border-bottom: 1px solid var(--panel-rule); }
.c99.c99-case .opening .figs > div { padding: 1.35rem 1.3rem 1.5rem; }
.c99.c99-case .opening .figs > div + div { border-left: 1px solid var(--panel-rule); padding-left: 1.3rem; }
.c99.c99-case .opening .figs b { font-size: clamp(1.5rem,3.4vw,2.3rem); letter-spacing: -.045em; color: var(--teal); margin-bottom: 0; }
.c99.c99-case .opening .figs span { font-size: .58rem; letter-spacing: .12em; margin-top: .65rem; line-height: 1.5; }
@media (max-width: 820px) {
  .c99.c99-case .opening .figs { grid-template-columns: 1fr 1fr; }
  .c99.c99-case .opening .figs > div:nth-child(odd) { border-left: 0; padding-left: 1.3rem; }
  .c99.c99-case .opening .figs > div:nth-child(n+3) { border-top: 1px solid var(--panel-rule); }
}

/* THE SHORT ANSWER: the extractable block, written to be quoted whole */
.c99.c99-case .short {
  margin: clamp(2rem,4vw,3rem) 0 clamp(2.5rem,5vw,3.5rem);
  border: 1px solid var(--panel-rule); border-left: 3px solid var(--teal);
  background: var(--panel-2); padding: clamp(1.4rem,3vw,2rem);
}
.c99.c99-case .short .k { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .15em; text-transform: uppercase; color: var(--teal); margin-bottom: .9rem; }
.c99.c99-case .short p { margin: 0; color: var(--panel-ink); font-size: clamp(1rem,1.6vw,1.1rem); line-height: 1.62; max-width: 70ch; }
.c99.c99-case .short .more { display: block; margin-top: .9rem; font-family: var(--mono); font-size: .68rem; letter-spacing: .06em; color: var(--panel-mute); }
.c99.c99-case .short .more a { color: var(--blue-l); text-decoration: none; border-bottom: 1px solid rgba(92,123,255,.4); }
.c99.c99-case .short .more a:hover { color: var(--panel-ink); border-bottom-color: var(--panel-ink); }

/* THE SHEET: brief to numbers is ONE bordered object, not four sections */
.c99.c99-case .sheet { padding-block: clamp(3rem,6vw,4.5rem); }
.c99.c99-case .sheet__in { border: 1px solid var(--ink); background: var(--paper); }
.c99.c99-case .blk { padding: clamp(1.7rem,3.6vw,2.6rem) clamp(1.4rem,3.4vw,2.6rem); border-bottom: 1px solid var(--rule); }
.c99.c99-case .blk:last-child { border-bottom: 0; }
.c99.c99-case .blk__k { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: var(--blue); margin-bottom: 1.1rem; }
.c99.c99-case .blk p { color: var(--ink-mute); font-size: clamp(.98rem,1.5vw,1.06rem); line-height: 1.68; margin: 0 0 1.05rem; max-width: 66ch; }
.c99.c99-case .blk p:last-child { margin-bottom: 0; }
.c99.c99-case .blk strong { color: var(--ink); font-weight: 700; }
.c99.c99-case .blk h2 { margin-bottom: 1.1rem; }

.c99.c99-case .facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(2rem,5vw,4rem); }
.c99.c99-case .facts > div { display: flex; align-items: baseline; gap: .6rem; padding: .72rem 0; border-bottom: 1px solid var(--rule); }
.c99.c99-case .facts > div:nth-last-child(-n+2) { border-bottom: 0; }
.c99.c99-case .facts .lbl { font-family: var(--mono); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-soft); white-space: nowrap; }
.c99.c99-case .facts .dots { flex: 1; border-bottom: 1px dotted var(--rule); transform: translateY(-4px); }
.c99.c99-case .facts .val { font-family: var(--mono); font-size: .72rem; letter-spacing: .03em; color: var(--ink); text-align: right; }
.c99.c99-case .facts .val a { color: var(--blue); text-decoration: none; }
.c99.c99-case .facts .val a:hover { text-decoration: underline; }
@media (max-width: 720px) {
  .c99.c99-case .facts { grid-template-columns: 1fr; }
  .c99.c99-case .facts > div:nth-last-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .c99.c99-case .facts > div:last-child { border-bottom: 0; }
}

.c99.c99-case .split { display: grid; grid-template-columns: 1.55fr .95fr; gap: clamp(1.6rem,4vw,3.2rem); align-items: start; }
.c99.c99-case .pull { border-left: 2px solid var(--blue); padding: .2rem 0 .2rem 1.1rem; }
.c99.c99-case .pull b { display: block; font-family: var(--mono); font-weight: 500; font-size: clamp(1.8rem,4vw,2.6rem); letter-spacing: -.05em; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.c99.c99-case .pull span { display: block; font-family: var(--mono); font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); margin-top: .7rem; line-height: 1.55; }
@media (max-width: 820px) { .c99.c99-case .split { grid-template-columns: 1fr; } }

.c99.c99-case .moves { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 1.5rem; }
.c99.c99-case .moves > div { background: var(--paper); padding: 1.4rem 1.35rem 1.6rem; }
.c99.c99-case .moves .n { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .13em; text-transform: uppercase; color: var(--blue); margin-bottom: .85rem; }
.c99.c99-case .moves h3 { font-size: 1.02rem; letter-spacing: -.025em; margin-bottom: .55rem; font-weight: 700; }
.c99.c99-case .moves p { margin: 0; font-size: .92rem; color: var(--ink-mute); line-height: 1.6; max-width: none; }
@media (max-width: 860px) { .c99.c99-case .moves { grid-template-columns: 1fr; } }

.c99.c99-case .nums { margin-top: 1.4rem; }
.c99.c99-case .nums .srcline { font-family: var(--mono); font-size: .66rem; letter-spacing: .05em; color: var(--ink-soft); margin: 0 0 1rem; max-width: none; }
.c99.c99-case .nums .row { display: flex; align-items: baseline; gap: .7rem; padding: .9rem 0; border-bottom: 1px solid var(--rule); }
.c99.c99-case .nums .row:last-of-type { border-bottom: 0; }
.c99.c99-case .nums .lbl { font-family: var(--mono); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ink); }
.c99.c99-case .nums .dots { flex: 1; border-bottom: 1px dotted var(--rule); transform: translateY(-4px); }
.c99.c99-case .nums .v { font-family: var(--mono); font-size: 1.02rem; letter-spacing: -.02em; color: var(--teal-d); font-variant-numeric: tabular-nums; white-space: nowrap; }
.c99.c99-case .nums .v.plain { color: var(--ink); font-size: .86rem; letter-spacing: .03em; }
.c99.c99-case .nums svg { width: 100%; height: 44px; display: block; margin-top: 1.3rem; }
.c99.c99-case .nums .status { font-family: var(--mono); font-size: .66rem; letter-spacing: .05em; color: var(--ink-soft); line-height: 1.7; margin: 1.2rem 0 0; max-width: none; }

/* the quote band */
.c99.c99-case .say { background: var(--panel-2); color: var(--panel-ink); position: relative; }
.c99.c99-case .say__in { padding-block: clamp(3rem,6vw,4.5rem); }
.c99.c99-case .say figure { margin: 0; }
.c99.c99-case .say blockquote { margin: 0; font-size: clamp(1.35rem,3.4vw,2.15rem); line-height: 1.24; letter-spacing: -.032em; font-weight: 700; max-width: 22ch; }
.c99.c99-case .say blockquote span { color: var(--teal); }
.c99.c99-case .say figcaption { margin-top: 1.6rem; font-family: var(--mono); font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: var(--panel-mute); }

/* measurement beside cost */
.c99.c99-case .after { padding-block: clamp(3rem,6vw,4.5rem); }
.c99.c99-case .after__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 0; border: 1px solid var(--ink); }
.c99.c99-case .after__grid > div { padding: clamp(1.6rem,3.4vw,2.4rem); }
.c99.c99-case .after__grid > div + div { border-left: 1px solid var(--rule); background: var(--paper-2); }
.c99.c99-case .after h2 { margin-bottom: 1.1rem; }
.c99.c99-case .after p { color: var(--ink-mute); font-size: clamp(.95rem,1.4vw,1.02rem); line-height: 1.66; margin: 0 0 .95rem; }
.c99.c99-case .after p:last-child { margin-bottom: 0; }
.c99.c99-case .after strong { color: var(--ink); font-weight: 700; }
.c99.c99-case .cost .k { display: block; font-family: var(--mono); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 1.1rem; }
.c99.c99-case .cost .line { display: flex; align-items: baseline; gap: .6rem; padding: .65rem 0; border-bottom: 1px solid var(--rule); }
.c99.c99-case .cost .line:last-of-type { border-bottom: 0; }
.c99.c99-case .cost .line .t { font-family: var(--mono); font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-soft); }
.c99.c99-case .cost .line .dots { flex: 1; border-bottom: 1px dotted var(--rule); transform: translateY(-4px); }
.c99.c99-case .cost .line .p { font-family: var(--mono); font-size: .85rem; color: var(--blue); white-space: nowrap; }
.c99.c99-case .cost .note { margin-top: 1.2rem; font-size: .86rem; color: var(--ink-mute); line-height: 1.6; }
.c99.c99-case .cost .note a { color: var(--blue); text-decoration: none; border-bottom: 1px solid rgba(27,59,216,.35); }
@media (max-width: 860px) {
  .c99.c99-case .after__grid { grid-template-columns: 1fr; }
  .c99.c99-case .after__grid > div + div { border-left: 0; border-top: 1px solid var(--rule); }
}

/* FAQ */
.c99.c99-case .faq { padding-block: 0 clamp(3rem,6vw,4.5rem); }
.c99.c99-case .faq__head { margin-bottom: 1.6rem; }
.c99.c99-case .faq__list { border-top: 1px solid var(--ink); }
.c99.c99-case .faq details { border-bottom: 1px solid var(--rule); }
.c99.c99-case .faq summary { list-style: none; cursor: pointer; padding: 1.15rem 2.5rem 1.15rem 0; position: relative; font-weight: 600; font-size: clamp(1rem,1.6vw,1.1rem); letter-spacing: -.02em; }
.c99.c99-case .faq summary::-webkit-details-marker { display: none; }
.c99.c99-case .faq summary::after { content: "+"; position: absolute; right: .2rem; top: 1rem; font-family: var(--mono); font-size: 1.15rem; color: var(--blue); line-height: 1; }
.c99.c99-case .faq details[open] summary::after { content: "\2013"; }
.c99.c99-case .faq .faq__list p { margin: 0 0 1.15rem; padding-right: 2.5rem; color: var(--ink-mute); font-size: .98rem; line-height: 1.68; max-width: 74ch; }

/* next case studies */
.c99.c99-case .next { padding-block: 0 clamp(3.5rem,7vw,5.5rem); }
.c99.c99-case .next__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); }
.c99.c99-case .next__grid a { background: var(--paper); padding: 1.4rem 1.4rem 1.6rem; text-decoration: none; color: inherit; display: block; transition: background .18s ease; }
.c99.c99-case .next__grid a:hover { background: var(--paper-2); }
.c99.c99-case .next__grid .k { display: block; font-family: var(--mono); font-size: .58rem; letter-spacing: .13em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: .7rem; }
.c99.c99-case .next__grid b { display: block; font-size: clamp(1.05rem,2vw,1.3rem); letter-spacing: -.028em; text-transform: uppercase; margin-bottom: .4rem; font-weight: 700; }
.c99.c99-case .next__grid p { margin: 0; font-size: .9rem; color: var(--ink-mute); line-height: 1.55; }
.c99.c99-case .next__grid em { font-style: normal; font-family: var(--mono); font-size: .75rem; color: var(--teal-d); display: block; margin-top: .8rem; letter-spacing: .04em; }
@media (max-width: 940px) { .c99.c99-case .next__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .c99.c99-case .next__grid { grid-template-columns: 1fr; } }

/* ============ closer, both page types ============ */
.c99.c99-results .closer, .c99.c99-case .closer { padding-block: clamp(3.5rem,8vw,6rem) clamp(3rem,6vw,4.5rem); }
.c99.c99-results .closer .tag, .c99.c99-case .closer .tag { display: block; margin-bottom: 1.4rem; }
.c99.c99-results .closer h2, .c99.c99-case .closer h2 { margin-bottom: 1.5rem; }
.c99.c99-results .closer p, .c99.c99-case .closer p { max-width: 48ch; }
.c99.c99-results .closer .btn--ghost, .c99.c99-case .closer .btn--ghost { border-color: rgba(237,237,234,.34); }
.c99.c99-results .closer .btn--ghost:hover, .c99.c99-case .closer .btn--ghost:hover { border-color: var(--panel-ink); }

/* ---- case row proportions ----
   The row was 1fr auto, so column one absorbed all free space while the lead
   text stayed capped at 58ch. At 1920 that left a 449px void between the copy
   and the metric, and column two collapsed to the numeral's own width (140px),
   which cramped the label into a ragged wrap. Bounding both columns keeps the
   metric near the text it belongs to and gives every row the same metric
   column, so the four numbers share one vertical edge. */
.c99.c99-results .case {
  grid-template-columns: minmax(0, 64ch) minmax(180px, 220px);
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: start;
}
.c99.c99-results .case__lead { max-width: none; }
.c99.c99-results .case__num span { max-width: none; margin-left: 0; }
@media (max-width: 760px) {
  .c99.c99-results .case { grid-template-columns: 1fr; justify-content: stretch; }
}