/* ==========================================================================
   Module: case-study — labelled Client / Challenge / Approach / Outcome rows,
   a stat pair, and gallery image bands. Reproduces the body of
   design_files/Project Parker Maintenance.dc.html.
   ========================================================================== */

.m-case-study__rows { max-width: var(--maxw); }

.m-case-study__row {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(24px, 5vw, 72px);
  padding: clamp(30px, 4vh, 44px) 0;
  border-top: 1px solid var(--bd-light-2);
}
/* First row opens, last row closes, with the heavier ink rule. */
.m-case-study__row--first { border-top: 1px solid var(--ink); }
.m-case-study__row--last { border-bottom: 1px solid var(--ink); }

.m-case-study__label { flex: 0 0 auto; width: 200px; }
.m-case-study__label-text {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--accent);
}

.m-case-study__body { flex: 1 1 460px; max-width: 820px; }
.m-case-study__copy {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(1.1rem, 1.6vw, 1.4rem);
  line-height: 1.55;
  color: var(--ink-strong-2);
}
.m-case-study__copy p { margin: 0 0 18px; }
.m-case-study__copy p:last-child { margin-bottom: 0; }
.m-case-study__copy ul,
.m-case-study__copy ol {
  margin: 18px 0 0;
  padding: 18px 0 0;
  list-style: none;
  border-top: 1px solid var(--bd-light-2);
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.m-case-study__copy li {
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--ink-strong-2);
}

/* ---------- Stat pair (Outcome row) ---------- */
.m-case-study__stats {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(28px, 5vw, 64px);
  margin-top: clamp(24px, 3vh, 32px);
}
.m-case-study__stat-value {
  font-weight: 600;
  font-size: clamp(2.4rem, 4vw, 3.4rem);
  line-height: .95;
  color: var(--ink);
}
.m-case-study__stat-value--accent { color: var(--accent); }
.m-case-study__stat-note {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mono-muted);
  margin-top: 10px;
}

/* ---------- Gallery image bands ---------- */
.m-case-study__gallery {
  margin-top: clamp(40px, 6vh, 72px);
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2.4vw, 28px);
}
.m-case-study__plate {
  min-height: 0;
  height: clamp(360px, 52vh, 640px);
  border: 1px solid var(--bd-light);
}