.revised-impact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
  margin-top: clamp(1.5rem, 3vw, 3rem);
  padding-top: 52px;
  border-top: 1px solid var(--case-bronze);
}

.revised-impact-headline h2,
.revised-impact-headline strong {
  display: block;
  margin: 0;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.75rem, 5vw, 5.5rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.01em;
}

.revised-impact-headline p {
  margin: 0 0 0.75rem;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.35rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.revised-impact-copy > :first-child { margin-top: 0; }
.revised-impact-copy h3 {
  margin: 1.6rem 0 0.35rem;
  color: #d7d7d7;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.65rem, 2.5vw, 2.35rem);
  font-weight: 400;
  line-height: 1;
}
.revised-impact-copy ul {
  margin-bottom: 0;
  list-style-type: square;
}
.revised-impact-copy li::marker { color: var(--case-bronze); }
.revised-impact-stat strong {
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
}

.revised-approach-stat strong {
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
  font-weight: 400;
}
.revised-step-tag {
  margin: 0 0 0.25rem;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.brand-approach-copy,
.comms-approach-cards,
.foresight-approach-cards,
.segmentation-approach-copy {
  display: block;
  gap: 0;
  margin-top: 0;
  border: 0;
  background: transparent;
}

.brand-approach-copy article,
.comms-approach-cards article,
.foresight-approach-cards article,
.segmentation-approach-copy article {
  display: grid;
  grid-template-columns: minmax(90px, 0.35fr) minmax(0, 1.65fr);
  gap: 0 56px;
  min-height: 0;
  padding: 48px 0;
  border: 0;
  border-bottom: 1px solid #333;
  background: transparent;
}

.brand-approach-copy article > span,
.comms-approach-cards article > span,
.foresight-approach-cards article > span,
.segmentation-approach-copy article > span {
  grid-column: 1;
  grid-row: 1 / 20;
  margin: 0;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(64px, 9vw, 124px);
  font-weight: 400;
  line-height: 0.8;
}

.brand-approach-copy article > :not(span),
.comms-approach-cards article > :not(span),
.foresight-approach-cards article > :not(span),
.segmentation-approach-copy article > :not(span) {
  grid-column: 2;
}

.brand-approach-copy h3,
.comms-approach-cards h2,
.foresight-approach-cards h2,
.segmentation-approach-copy h2 {
  margin: 0 0 32px;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.brand-approach-copy p,
.comms-approach-cards p,
.foresight-approach-cards p,
.segmentation-approach-copy p {
  max-width: 790px;
  margin-bottom: 24px;
  color: #d7d7d7;
  font-size: 18px;
  line-height: 1.75;
}

.brand-approach-copy p:last-child,
.comms-approach-cards p:last-child,
.foresight-approach-cards p:last-child,
.segmentation-approach-copy p:last-child {
  margin-bottom: 0;
}

/* The merged third segmentation step holds several findings in one numbered
   row, so its sub-headings sit below the step's h2 rather than replacing it. */
.segmentation-approach-copy h3 {
  margin: 0 0 10px;
  color: #fff;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(24px, 2.4vw, 30px);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
}
.segmentation-approach-copy p + .revised-step-tag {
  margin-top: 32px;
}
.segmentation-approach-copy .revised-approach-stat {
  margin-bottom: 12px;
}

.segmentation-approach-copy .revised-step-tag {
  margin-bottom: 0.25rem;
  color: var(--case-bronze);
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.segmentation-approach-copy .segmentation-impact-note {
  margin-top: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-weight: 400;
  text-align: left;
  text-transform: none;
}

.brand-case-quote blockquote,
.brand-case-quote blockquote p {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(52px, 7vw, 96px);
  font-weight: 400;
  line-height: 0.98;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .revised-impact-layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .brand-approach-copy article,
  .comms-approach-cards article,
  .foresight-approach-cards article,
  .segmentation-approach-copy article {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 40px 0;
  }
  .brand-approach-copy article > span,
  .comms-approach-cards article > span,
  .foresight-approach-cards article > span,
  .segmentation-approach-copy article > span { grid-column: 1; grid-row: auto; }
  .brand-approach-copy article > :not(span),
  .comms-approach-cards article > :not(span),
  .foresight-approach-cards article > :not(span),
  .segmentation-approach-copy article > :not(span) { grid-column: 1; }
}

/* Nicola, 2026-09-09: the Comms and Foresight challenge copy runs as one
   central column, matching the Innovation case study, instead of two columns.
   The pages carry case-study-narrow so the whole block is centred, and the
   gold rule under the challenge statement goes, again as per Innovation. */
.comms-challenge-copy,
.foresight-challenge-copy {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 850px;
  padding-top: 0;
  border-top: 0;
}

/* A client quote nobody has written yet must not leave an empty band on the
   live page, so the placeholder section hides until the blockquote has text.
   Keep the blockquote empty of whitespace or :empty stops matching. */
.case-study-quote-placeholder:has(blockquote:empty) {
  display: none;
}

/* Nicola, 2026-09-09: the quote role sits above the organisation and reads as
   the bronze line, matching the Innovation attribution; the generic span rule
   under it greys everything out. */
.case-study-quote figcaption .case-study-quote-role {
  color: var(--case-bronze);
  font-weight: 700;
}

/* The Strategic Insight case study is published as a skeleton: every field is
   editable in Page text and empty until an editor writes it. A section - or a
   numbered step - with nothing written in it hides rather than showing an
   empty band. Blank elements carry no whitespace, or :empty stops matching. */
.case-study-optional:not(:has(.optional-copy:not(:empty))) {
  display: none;
}
.strategic-case-hero {
  background: #0d0d0d;
}

/* ---- Nicola, 2026-09-10 ---- */

/* The attribution block sat centred in its own column, which on a phone left a
   wide gap between the gold rule and the words it belongs to. Range it left so
   the rule reads as the start of the line, as it does on desktop. */
.case-study-quote figcaption {
  text-align: left;
}

/* Nicola, 2026-09-10: every Challenge paragraph reads as one block of body
   copy - same size, same weight - across all six case studies, matching how
   Foresight and Comms already look now that their gold opening statement is
   blanked in Page text.

   The size was already consistent by accident: .case-study-intro
   p:not(.case-study-label) is one point more specific than
   .case-study-intro .case-study-lead, so the lead has been taking the body
   size (25px) rather than its own clamp all along. Only the weight, the
   tighter line-height and the negative tracking still set it apart, so those
   are what get normalised here. */
.case-study-intro .case-study-lead {
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: normal;
}

/* Segmentation was the one page whose Challenge body copy was set smaller
   than its opening line (18px against 25px). */
.segmentation-challenge-copy p:not(.case-study-lead) {
  font-size: clamp(19px, 2vw, 25px);
  line-height: 1.55;
}

/* Brand Positioning Impact: the platform description moved into the right-hand
   column with the rest of the story, so the copy runs as one block instead of
   splitting across two columns and opening a gap when they stack on mobile.
   All of that body copy is white. */
.brand-impact-story p {
  color: #fff;
}

/* Segmentation Challenge: the 13M+ figure is gone, so the two-column grid has
   nothing to hold its left column open. One centred column, matching Innovation
   and the other case studies. */
.segmentation-challenge-grid {
  display: block;
}
.segmentation-challenge-copy {
  display: block;
  max-width: 850px;
}

/* Hero framing on phones. These two heroes are very wide (Merrell 2172x724,
   Foresight 1920x500) inside a tall portrait box, so `cover` shows a narrow
   vertical slice - about 19% and 15% of the image width respectively. The
   default 64% landed on the runners' legs and on the empty side of the product
   shot. These put the subject in the slice instead. Desktop is untouched. */
@media screen and (max-width: 767px) {
  .brand-case-hero-visual img {
    object-position: 54% center;
  }
  .foresight-case-hero .case-study-hero-image {
    object-position: 72% center;
  }
}