/*
 * Case Study Index / DS v0.7 / Governance 2 Page Grammar adoption.
 * Scope: casestudy/index.html only. This layer changes page-level salience and
 * transitions while preserving the existing Surface Grammar / Metric Rail.
 */

/* Retail narrative: testimony supports the representative operational proof.
 * Keep the existing split geometry so reading order and legacy QA stay stable,
 * but make IGA materially quieter than the Hering proof that follows it.
 */
body.case-list-v2 #page-casestudy #subtab-retail > .video-feature:first-of-type {
  margin-bottom:clamp(48px,5vw,70px);
  padding-bottom:clamp(44px,5vw,64px);
}
body.case-list-v2 #page-casestudy #subtab-retail > .video-feature:first-of-type .vf-header h3 {
  font-size:clamp(25px,2.45vw,34px);
}
body.case-list-v2 #page-casestudy #subtab-retail > .video-feature:first-of-type .vf-embed {
  border:1px solid var(--case-line);
  background:#fff !important;
  background-image:none;
  box-shadow:none;
}

@media(min-width:1081px) {
  body.case-list-v2 #page-casestudy #subtab-retail > .video-feature:first-of-type {
    grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
  }
  body.case-list-v2 #page-casestudy #subtab-retail > .video-feature--hering {
    grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);
  }
}

/* Factory narrative: the thesis frames the evidence; it is not the evidence.
 * Move it from a High-salience brand field to a Medium open-field statement so
 * Panasonic / WEG photos and metrics become the primary proof on the page.
 */
body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote {
  width:min(100%,980px);
  max-width:980px;
  margin:0 0 clamp(54px,6vw,78px);
  padding:4px 0 4px clamp(22px,3vw,32px);
  border:0;
  border-left:4px solid var(--case-teal);
  border-radius:0;
  color:var(--case-navy);
  background:transparent;
  background-image:none;
  box-shadow:none;
  font-size:clamp(23px,2.7vw,35px);
  line-height:1.58;
}
body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote .hl {
  color:var(--case-teal);
}
/* Preserve the term on wide screens; narrower screens may break between its
 * two complete words, never in the middle of either word.
 */
body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote .pull-quote__phrase,
body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote .pull-quote__term {
  display:inline-block;
}

/* The second factory case completes the proof sequence. The Section surface and
 * the following CTA transition already provide the boundary, so do not add a
 * redundant divider/empty tail after the final evidence item.
 */
body.case-list-v2 #page-casestudy #subtab-factory > .video-feature:nth-of-type(2) {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

@media(max-width:760px) {
  body.case-list-v2 #page-casestudy #subtab-retail > .video-feature:first-of-type {
    margin-bottom:52px;
    padding-bottom:48px;
  }
  body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote {
    margin-bottom:48px;
    padding:2px 0 2px 20px;
    font-size:clamp(21px,6vw,28px);
  }
  body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote .pull-quote__term {
    display:inline;
  }
}

@media(forced-colors:active) {
  body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote {
    border-left-color:CanvasText;
    color:CanvasText;
    background:Canvas;
  }
  body.case-list-v2 #page-casestudy #subtab-factory > .pull-quote .hl {
    color:CanvasText;
  }
}