/*
 * Case Study Index / DS v0.6 + Surface Grammar 1 + Case Evidence Metric Rail 1.
 * Scope: casestudy/index.html only via body.case-list-v2 #page-casestudy.
 */
body.case-list-v2 #page-casestudy {
  --case-ink:#0D1926;
  --case-navy:#1A314B;
  --case-teal:#1F6C6D;
  --case-coral:#FD604A;
  --case-lilac:#E8BFE6;
  --case-body:#494A4A;
  --case-muted:#626263;
  --case-cool:#ECF0F4;
  --case-paper:#FFFFFF;
  --case-line:#DDE5EC;
  --case-lit:linear-gradient(212.5deg in srgb,#101E2F 43.91%,#354E6A 97.43%);
  --case-warm:linear-gradient(161.15deg in srgb,#FF9974 8.73%,#FF5212 88.52%);
  --case-rim:linear-gradient(135deg in srgb,rgba(232,191,230,.72),rgba(253,96,74,.30) 52%,rgba(179,204,212,.50));
  color:var(--case-body);
  background:#fff;
  overflow-x:clip;
}
body.case-list-v2 #page-casestudy > section { position:relative; }
body.case-list-v2 #page-casestudy .wrap {
  width:min(calc(100% - 48px),1240px);
  max-width:1240px;
  padding-inline:0;
}

/* Hero / Primary proof entry: a brand field, not a rounded section card. */
body.case-list-v2 #page-casestudy .page-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:var(--ob-shell-hero-pad-top) 0 var(--ob-shell-hero-pad-bottom);
  color:#fff;
  text-align:left;
  background-color:#101e2f;
  background-image:var(--case-lit);
}
body.case-list-v2 #page-casestudy .page-hero::before {
  content:"";
  position:absolute;
  right:-80px;
  top:-110px;
  width:430px;
  height:430px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle,rgba(232,191,230,.20) 1px,transparent 1.5px) 0 0/16px 16px;
  -webkit-mask-image:radial-gradient(circle,#000 12%,transparent 72%);
  mask-image:radial-gradient(circle,#000 12%,transparent 72%);
}
body.case-list-v2 #page-casestudy .page-hero::after {
  content:"";
  position:absolute;
  left:-160px;
  bottom:-210px;
  width:560px;
  height:400px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(253,96,74,.17),transparent 68%);
}
body.case-list-v2 #page-casestudy .page-hero .tag {
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 20px;
  color:rgba(255,255,255,.72);
  font-family:var(--ob-font-latin);
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
}
body.case-list-v2 #page-casestudy .page-hero .tag::before {
  content:"";
  width:var(--ob-shell-hero-marker-width);
  height:var(--ob-shell-marker-height);
  border-radius:2px;
  background:var(--case-coral);
}
body.case-list-v2 #page-casestudy .page-hero h1 {
  width:min(100%,900px);
  max-width:900px;
  margin:0;
  color:#fff;
  font-size:clamp(40px,4.6vw,62px);
  font-weight:500;
  line-height:1.36;
  letter-spacing:-.025em;
  text-wrap:balance;
}
body.case-list-v2 #page-casestudy .page-hero p {
  width:min(100%,720px);
  max-width:720px;
  margin:24px 0 0;
  color:rgba(255,255,255,.86);
  font-size:17px;
  line-height:1.85;
  text-wrap:pretty;
}

/* Main evidence field. */
body.case-list-v2 #page-casestudy .case-list-content {
  padding:clamp(64px,7vw,96px) 0 clamp(84px,9vw,126px);
  background:#fff;
}

/* Industry switch: segmented tab control, visually distinct from headings. */
body.case-list-v2 #page-casestudy .subtab-row {
  display:inline-grid;
  grid-template-columns:repeat(2,minmax(112px,1fr));
  justify-content:start;
  gap:4px;
  width:auto;
  min-width:260px;
  max-width:100%;
  margin:0 0 clamp(58px,7vw,92px);
  padding:4px;
  border:1px solid var(--case-line);
  border-radius:12px;
  background:#F4F6F8;
  box-shadow:inset 0 0 0 1px rgba(26,49,75,.025);
}
body.case-list-v2 #page-casestudy .subtab-btn {
  position:relative;
  min-width:0;
  min-height:48px;
  margin:0;
  padding:10px 20px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--case-navy);
  background:transparent;
  font-size:15px;
  font-weight:500;
  line-height:1.35;
  box-shadow:none;
  cursor:pointer;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.case-list-v2 #page-casestudy .subtab-btn::after { content:none; }
body.case-list-v2 #page-casestudy .subtab-btn:hover:not(.active) {
  border-color:rgba(26,49,75,.10);
  background:#fff;
}
body.case-list-v2 #page-casestudy .subtab-btn.active,
body.case-list-v2 #page-casestudy .subtab-btn[aria-selected="true"] {
  border-color:var(--case-teal);
  color:#fff;
  background:var(--case-teal);
  box-shadow:0 2px 7px rgba(13,25,38,.12);
}
body.case-list-v2 #page-casestudy .subtab-btn:focus-visible {
  outline:3px solid rgba(31,108,109,.34);
  outline-offset:2px;
}

/* Featured evidence: open editorial split + local media well. */
body.case-list-v2 #page-casestudy .video-feature {
  margin:0 0 clamp(64px,8vw,104px);
  padding:0 0 clamp(60px,7vw,92px);
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--case-line);
  background:transparent;
  box-shadow:none;
}
body.case-list-v2 #page-casestudy .video-feature:not(.vf-with-photo) {
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  grid-template-areas:"head media" "action media";
  gap:18px clamp(40px,5vw,72px);
  align-items:start;
}
body.case-list-v2 #page-casestudy .video-feature:not(.vf-with-photo) > .vf-header { grid-area:head; }
body.case-list-v2 #page-casestudy .video-feature:not(.vf-with-photo) > .vf-embed { grid-area:media; }
body.case-list-v2 #page-casestudy .video-feature:not(.vf-with-photo) > p { grid-area:action; }
body.case-list-v2 #page-casestudy .vf-header {
  min-width:0;
  max-width:560px;
  margin:0;
  padding-top:6px;
}
body.case-list-v2 #page-casestudy .vf-tag {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding:0;
  color:var(--case-muted);
  background:transparent;
  font-family:var(--ob-font-latin);
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
}
body.case-list-v2 #page-casestudy .vf-tag::before {
  content:"";
  width:24px;
  height:3px;
  background:var(--case-coral);
}
body.case-list-v2 #page-casestudy .vf-header h3 {
  margin:0 0 14px;
  color:var(--case-navy);
  font-size:clamp(28px,3vw,40px);
  font-weight:500;
  line-height:1.42;
  letter-spacing:-.018em;
  text-wrap:balance;
}
body.case-list-v2 #page-casestudy .vf-header p {
  margin:0;
  color:var(--case-body);
  font-size:16px;
  line-height:1.85;
  text-wrap:pretty;
}
body.case-list-v2 #page-casestudy .vf-embed {
  width:100%;
  max-width:none !important;
  margin:0;
  padding:14px !important;
  overflow:hidden;
  border:3px solid transparent;
  border-radius:18px;
  background-color:#fff !important;
  background-image:linear-gradient(#fff,#fff),var(--case-rim);
  background-origin:padding-box,border-box;
  background-clip:padding-box,border-box;
  box-shadow:0 18px 44px rgba(13,25,38,.08);
}
body.case-list-v2 #page-casestudy .vf-embed > img {
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
}
body.case-list-v2 #page-casestudy .vf-embed--video {
  position:relative;
  aspect-ratio:16 / 9;
  padding:0 !important;
}
body.case-list-v2 #page-casestudy .vf-embed--video iframe {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
}
body.case-list-v2 #page-casestudy .video-feature > p {
  margin:8px 0 0 !important;
  text-align:left !important;
}
body.case-list-v2 #page-casestudy .video-feature .btn-primary {
  min-height:46px;
  padding:11px 22px !important;
  border:1px solid #cf633c;
  border-radius:8px;
  background-color:#FF9974;
  background-image:var(--case-warm);
  color:var(--case-ink);
  font-size:14px !important;
  font-weight:500;
  box-shadow:0 3px 8px rgba(26,49,75,.14);
}
body.case-list-v2 #page-casestudy .video-feature .btn-primary:hover {
  transform:none;
  color:var(--case-ink);
  box-shadow:0 6px 14px rgba(26,49,75,.16);
}
body.case-list-v2 #page-casestudy .video-feature .btn-primary:focus-visible {
  outline:3px solid var(--case-teal);
  outline-offset:4px;
}

/* Company logo inside featured evidence is an evidence asset, not another card. */
body.case-list-v2 #page-casestudy .video-feature .vf-logo {
  width:fit-content;
  height:auto;
  min-height:32px;
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.case-list-v2 #page-casestudy .video-feature .vf-logo img {
  display:block;
  width:auto;
  height:auto;
  max-width:170px;
  max-height:30px;
}

/* Factory featured evidence: copy + metric proof opposite local photo evidence. */
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  grid-template-rows:auto 1fr;
  column-gap:clamp(36px,4.5vw,64px);
  row-gap:18px;
  align-items:start;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo > .vf-header {
  grid-column:1;
  grid-row:1;
  min-width:0;
  max-width:none;
  padding-top:0;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo > .vf-header h3 {
  margin-bottom:0;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-body {
  grid-column:1;
  grid-row:2;
  min-width:0;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-description {
  margin:0;
  color:var(--case-body);
  font-size:16px;
  line-height:1.85;
  text-wrap:pretty;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-action {
  margin:0;
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo-frame {
  grid-column:2;
  grid-row:1 / 3;
  justify-self:end;
  width:min(100%,720px);
  aspect-ratio:16/10;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:3px solid rgba(232,191,230,.70);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 44px rgba(13,25,38,.10);
}
body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo {
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  margin:0;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.case-list-v2 #page-casestudy .video-feature--hering .vf-photo { object-position:center 46%; }
body.case-list-v2 #page-casestudy .video-feature--panasonic .vf-photo { object-position:center 52%; }
body.case-list-v2 #page-casestudy .video-feature--weg .vf-photo { object-position:center 50%; }
body.case-list-v2 #page-casestudy .vf-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:28px 0 26px;
  border-top:1px solid var(--case-line);
  border-bottom:1px solid var(--case-line);
}
body.case-list-v2 #page-casestudy .vf-stat {
  min-width:0;
  padding:18px 18px 20px 0;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:left;
}
body.case-list-v2 #page-casestudy .vf-stat + .vf-stat {
  padding-left:22px;
  border-left:1px solid var(--case-line);
}
body.case-list-v2 #page-casestudy .vf-stat .num {
  color:var(--case-navy);
  font-family:var(--ob-font-latin);
  font-size:clamp(20px,1.7vw,28px);
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
}
@media(min-width:761px) {
  body.case-list-v2 #page-casestudy .video-feature--hering .vf-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.case-list-v2 #page-casestudy .video-feature--hering .vf-stat:nth-child(3) {
    grid-column:1 / -1;
    padding-left:0;
    border-left:0;
    border-top:1px solid var(--case-line);
  }
  body.case-list-v2 #page-casestudy .video-feature--hering .vf-stat:nth-child(3) .num {
    font-size:clamp(22px,1.85vw,30px);
  }
}

body.case-list-v2 #page-casestudy .vf-stat .label {
  margin-top:7px;
  color:var(--case-muted);
  font-size:13px;
  line-height:1.5;
}

/* Factory thesis is a real brand-field, not a pale card. */
body.case-list-v2 #page-casestudy .pull-quote {
  width:min(100%,980px);
  max-width:980px;
  margin:0 0 clamp(58px,7vw,88px);
  padding:clamp(28px,4vw,42px) clamp(28px,4vw,46px);
  color:#fff;
  background-color:var(--case-teal);
  background-image:linear-gradient(190deg,#206C6D 21%,#2D8C8E 95%);
  font-size:clamp(22px,2.7vw,34px);
  font-weight:500;
  line-height:1.55;
  text-align:left;
  text-wrap:balance;
}
body.case-list-v2 #page-casestudy .pull-quote__closing { white-space:nowrap; }
body.case-list-v2 #page-casestudy .pull-quote .hl { color:#FFD4C4; }

/* Case Evidence Metric Rail 1: company context stays complete; outcomes become the visual anchor. */
body.case-list-v2 #page-casestudy .case-collection {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(42px,5vw,68px);
  margin:clamp(10px,2vw,22px) 0 0;
  padding:0;
  border:0;
  background:transparent;
  align-items:start;
}
body.case-list-v2 #page-casestudy .case-card {
  align-self:start;
  min-width:0;
  min-height:0;
  margin:0;
  padding:36px 0 40px;
  border:0;
  border-top:1px solid var(--case-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.case-list-v2 #page-casestudy .case-card .caselogo {
  height:34px;
  margin:0 0 16px;
}
body.case-list-v2 #page-casestudy .case-card .caselogo img { width:auto; height:auto; max-width:160px; max-height:34px; }
body.case-list-v2 #page-casestudy .case-card .caselogo .txt {
  color:var(--case-navy);
  font-size:18px;
  font-weight:500;
}
body.case-list-v2 #page-casestudy .case-card .badge {
  display:block;
  margin:0 0 8px;
  padding:0;
  border:0;
  border-radius:0;
  color:var(--case-muted);
  background:transparent;
  font-size:12px;
  font-weight:500;
  letter-spacing:.03em;
}
body.case-list-v2 #page-casestudy .case-card h3 {
  margin:0 0 10px;
  color:var(--case-navy);
  font-size:20px;
  font-weight:500;
  line-height:1.48;
  text-wrap:balance;
}
body.case-list-v2 #page-casestudy .case-card p {
  margin:0;
  color:var(--case-body);
  font-size:14px;
  line-height:1.78;
  text-wrap:pretty;
}
body.case-list-v2 #page-casestudy .case-card .results {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:22px 0 0;
  padding:0;
  border:0;
  list-style:none;
}
body.case-list-v2 #page-casestudy .case-card .results li {
  display:grid;
  grid-template-areas:"value" "label" "detail";
  align-content:start;
  min-width:0;
  min-height:94px;
  margin:0;
  padding:14px 16px 15px;
  border:0;
  border-radius:8px;
  color:var(--case-navy);
  background:#F4F6F8;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}
body.case-list-v2 #page-casestudy .case-card .results li:nth-child(3):last-child {
  grid-column:1/-1;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:"value label" "detail detail";
  column-gap:14px;
  align-items:baseline;
  min-height:0;
}
body.case-list-v2 #page-casestudy .case-card .results li::before { content:none; }
body.case-list-v2 #page-casestudy .case-card .metric-value {
  grid-area:value;
  color:var(--case-teal);
  font-family:var(--ob-font-latin);
  font-size:clamp(22px,2vw,28px);
  font-weight:600;
  line-height:1.16;
  letter-spacing:-.025em;
  white-space:normal;
}
body.case-list-v2 #page-casestudy .case-card .results li:nth-child(2) .metric-value { color:var(--case-coral); }
body.case-list-v2 #page-casestudy .case-card .results li:nth-child(3) .metric-value { color:var(--case-navy); }
body.case-list-v2 #page-casestudy .case-card .metric-value--text { letter-spacing:-.01em; }
body.case-list-v2 #page-casestudy .case-card .metric-label {
  grid-area:label;
  align-self:end;
  margin-top:7px;
  color:var(--case-navy);
  font-size:12.5px;
  font-weight:500;
  line-height:1.45;
}
body.case-list-v2 #page-casestudy .case-card .metric-detail {
  grid-area:detail;
  display:block;
  margin-top:6px;
  color:var(--case-muted);
  font-size:11.5px;
  font-weight:400;
  line-height:1.55;
}
body.case-list-v2 #page-casestudy .case-card .change {
  position:relative;
  margin-top:14px;
  padding:14px 0 0 24px;
  border:0;
  border-top:1px solid var(--case-line);
  color:var(--case-muted);
  font-size:13px;
  line-height:1.7;
}
body.case-list-v2 #page-casestudy .case-card .change::before {
  content:"→";
  position:absolute;
  left:0;
  top:13px;
  color:var(--case-teal);
  font-size:15px;
  font-weight:600;
}
body.case-list-v2 #page-casestudy .case-card .change b { color:var(--case-navy); font-weight:500; }

/* Utility note: open reading note, not another rounded box. */
body.case-list-v2 #page-casestudy .notice-box {
  display:block !important;
  width:min(100%,960px);
  max-width:960px;
  margin:34px 0 0 !important;
  padding:14px 0 14px 18px;
  border:0;
  border-left:3px solid var(--case-lilac);
  border-radius:0;
  color:var(--case-muted);
  background:transparent;
  font-size:12px;
  line-height:1.75;
  text-align:left !important;
}

/* Hering diagram is evidence media; containment stays local to the media. */
body.case-list-v2 #page-casestudy .hering-pyramid { max-width:100%; }
body.case-list-v2 #page-casestudy .hering-pyramid .hp-cell.result { color:var(--case-teal); }

/* Terminal interaction may be bounded; it is not a generic content section shell. */
body.case-list-v2 #page-casestudy section.block.alt {
  padding:clamp(70px,7vw,96px) 0;
  background:#f7f8fa;
}
body.case-list-v2 #page-casestudy .cta-band {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px 40px;
  align-items:center;
  padding:clamp(36px,5vw,56px);
  overflow:hidden;
  border:0;
  border-radius:20px;
  background-color:#101e2f;
  background-image:var(--case-lit);
  color:#fff;
  box-shadow:none;
  text-align:left;
}
body.case-list-v2 #page-casestudy .cta-band h2 {
  grid-column:1;
  margin:0;
  color:#fff;
  font-size:var(--ob-type-cta-title);
  font-weight:500;
  line-height:1.4;
}
body.case-list-v2 #page-casestudy .cta-band p {
  grid-column:1;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:var(--ob-type-cta-body);
  line-height:1.75;
}
body.case-list-v2 #page-casestudy .cta-band .btn {
  grid-column:2;
  grid-row:1/3;
  min-height:48px;
  align-self:center;
  padding:13px 24px;
  font-size:var(--ob-type-cta-label);
  border:1px solid #cf633c;
  border-radius:8px;
  background-color:#FF9974;
  background-image:var(--case-warm);
  color:var(--case-ink);
  font-weight:500;
  box-shadow:0 3px 8px rgba(26,49,75,.14);
}
body.case-list-v2 #page-casestudy .cta-band .btn:hover {
  transform:none;
  color:var(--case-ink);
  box-shadow:0 6px 14px rgba(26,49,75,.16);
}
body.case-list-v2 #page-casestudy .cta-band .btn:focus-visible {
  outline:3px solid #fff;
  outline-offset:4px;
}

@media(max-width:1180px) and (min-width:1081px) {
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo {
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    row-gap:24px;
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo > .vf-header {
    grid-column:1;
    grid-row:1;
    max-width:760px;
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo-frame {
    grid-column:1;
    grid-row:2;
    justify-self:start;
    width:min(100%,760px);
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-body {
    grid-column:1;
    grid-row:3;
    max-width:760px;
  }
}

@media(max-width:1080px) {
  body.case-list-v2 #page-casestudy .video-feature:not(.vf-with-photo) {
    grid-template-columns:1fr;
    grid-template-areas:"head" "media" "action";
    gap:28px;
  }
  body.case-list-v2 #page-casestudy .vf-header { max-width:760px; }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo {
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    row-gap:24px;
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo > .vf-header {
    grid-column:1;
    grid-row:1;
    max-width:760px;
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo-frame {
    grid-column:1;
    grid-row:2;
    justify-self:start;
    width:min(100%,760px);
  }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-body {
    grid-column:1;
    grid-row:3;
    max-width:760px;
  }
}

@media(max-width:760px) {
  body.case-list-v2 #page-casestudy .wrap { width:calc(100% - 32px); }
  body.case-list-v2 #page-casestudy .page-hero { padding:var(--ob-shell-hero-pad-top) 0 var(--ob-shell-hero-pad-bottom); }
  body.case-list-v2 #page-casestudy .page-hero h1 { font-size:clamp(31px,9vw,44px); }
  body.case-list-v2 #page-casestudy .page-hero p { font-size:var(--ob-shell-hero-lead); }
  body.case-list-v2 #page-casestudy .case-list-content { padding:58px 0 76px; }
  body.case-list-v2 #page-casestudy .subtab-row { width:100%; min-width:0; margin-bottom:54px; gap:4px; }
  body.case-list-v2 #page-casestudy .subtab-btn { margin:0; padding-inline:12px; font-size:14px; }
  body.case-list-v2 #page-casestudy .video-feature { margin-bottom:62px; padding-bottom:56px; }
  body.case-list-v2 #page-casestudy .vf-embed { padding:10px !important; border-radius:14px; }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo-frame { border-radius:14px; }
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-description {
    font-size:15px;
    line-height:1.85;
  }
  body.case-list-v2 #page-casestudy .vf-stats { grid-template-columns:1fr; }
  body.case-list-v2 #page-casestudy .vf-stat { padding:15px 0 16px; }
  body.case-list-v2 #page-casestudy .vf-stat + .vf-stat { padding-left:0; border-left:0; border-top:1px solid var(--case-line); }
  body.case-list-v2 #page-casestudy .pull-quote { margin-bottom:54px; padding:24px 22px; font-size:clamp(20px,6.4vw,28px); }
  body.case-list-v2 #page-casestudy .case-collection { grid-template-columns:1fr; gap:0; }
  body.case-list-v2 #page-casestudy .case-card { padding:30px 0 34px; }
  body.case-list-v2 #page-casestudy .case-card .results { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.case-list-v2 #page-casestudy .cta-band { grid-template-columns:1fr; padding:30px 24px; }
  body.case-list-v2 #page-casestudy .cta-band h2,
  body.case-list-v2 #page-casestudy .cta-band p,
  body.case-list-v2 #page-casestudy .cta-band .btn { grid-column:1; grid-row:auto; }
  body.case-list-v2 #page-casestudy .cta-band .btn { width:fit-content; margin-top:10px; }
}

@media(max-width:560px) {
  body.case-list-v2 #page-casestudy .vf-header h3 { font-size:clamp(25px,7.6vw,31px); }
  body.case-list-v2 #page-casestudy .vf-header p { font-size:15px; }
  body.case-list-v2 #page-casestudy .hering-pyramid { overflow-x:auto; justify-content:flex-start; padding-bottom:8px; }
  body.case-list-v2 #page-casestudy .hering-pyramid .hp-tri { flex:0 0 300px; }
  body.case-list-v2 #page-casestudy .hering-pyramid .hp-table { flex:0 0 560px; }
  body.case-list-v2 #page-casestudy .case-card .metric-value { font-size:clamp(21px,6vw,25px); }
}

@media(max-width:360px) {
  body.case-list-v2 #page-casestudy .case-card .results { grid-template-columns:1fr; }
  body.case-list-v2 #page-casestudy .case-card .results li:nth-child(3):last-child {
    grid-column:auto;
    grid-template-columns:1fr;
    grid-template-areas:"value" "label" "detail";
  }
}

@media(forced-colors:active) {
  body.case-list-v2 #page-casestudy .subtab-row,
  body.case-list-v2 #page-casestudy .subtab-btn {
    color:CanvasText;
    background:Canvas;
    border-color:ButtonText;
    box-shadow:none;
  }
  body.case-list-v2 #page-casestudy .subtab-btn[aria-selected="true"] {
    color:HighlightText;
    background:Highlight;
    border-color:Highlight;
  }
  body.case-list-v2 #page-casestudy .subtab-btn:focus-visible {
    outline:2px solid Highlight;
    outline-offset:2px;
  }
  body.case-list-v2 #page-casestudy .page-hero,
  body.case-list-v2 #page-casestudy .pull-quote,
  body.case-list-v2 #page-casestudy .cta-band,
  body.case-list-v2 #page-casestudy .vf-embed,
  body.case-list-v2 #page-casestudy .video-feature.vf-with-photo .vf-photo,
  body.case-list-v2 #page-casestudy .case-card .results li {
    color:CanvasText;
    background:Canvas;
    background-image:none;
    border-color:CanvasText;
    box-shadow:none;
  }
  body.case-list-v2 #page-casestudy .page-hero h1,
  body.case-list-v2 #page-casestudy .page-hero p,
  body.case-list-v2 #page-casestudy .page-hero .tag,
  body.case-list-v2 #page-casestudy .pull-quote,
  body.case-list-v2 #page-casestudy .pull-quote .hl,
  body.case-list-v2 #page-casestudy .cta-band h2,
  body.case-list-v2 #page-casestudy .cta-band p,
  body.case-list-v2 #page-casestudy .metric-value,
  body.case-list-v2 #page-casestudy .metric-label,
  body.case-list-v2 #page-casestudy .metric-detail { color:CanvasText; }
}

/* 2026-09 Global-site alignment polish.
 * Global Onebeat uses CASE STUDY as a plain content-type label. Remove the
 * locally invented coral dash treatment while retaining the label itself.
 */
body.case-list-v2 #page-casestudy .pull-quote {
  width:100%;
  max-width:none;
}
@media (forced-colors: none) {
  body.case-list-v2 #page-casestudy .page-hero .tag,
  body.case-list-v2 #page-casestudy .vf-tag {
    gap:0;
    font-size:11.5px;
    font-weight:600;
    letter-spacing:.08em;
  }
  body.case-list-v2 #page-casestudy .vf-tag {
    color:var(--case-navy);
  }
  body.case-list-v2 #page-casestudy .page-hero .tag::before,
  body.case-list-v2 #page-casestudy .vf-tag::before {
    content:none;
    display:none;
  }
}/* Compact supporting video cases: secondary to IGA and Hering primary evidence. */
body.case-list-v2 #page-casestudy .case-video-compact {
  margin:0 0 clamp(64px,7vw,92px);
  padding:clamp(34px,4vw,48px) 0 clamp(46px,5vw,64px);
  border-top:1px solid var(--case-line);
  border-bottom:1px solid var(--case-line);
}
body.case-list-v2 #page-casestudy .case-video-compact__head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  margin:0 0 22px;
}
body.case-list-v2 #page-casestudy .case-video-compact__head .vf-tag {
  margin:0;
}
body.case-list-v2 #page-casestudy .case-video-compact__head h3 {
  margin:0;
  color:var(--case-navy);
  font-size:clamp(18px,1.6vw,22px);
  font-weight:500;
  line-height:1.5;
}
body.case-list-v2 #page-casestudy .case-video-compact__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,2vw,22px);
}
body.case-list-v2 #page-casestudy .case-video-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--case-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(13,25,38,.05);
}
body.case-list-v2 #page-casestudy .case-video-card__media {
  aspect-ratio:16 / 9;
  background:var(--case-ink);
  overflow:hidden;
}
body.case-list-v2 #page-casestudy .case-video-card__media iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
}
body.case-list-v2 #page-casestudy .case-video-card__body {
  padding:17px 18px 19px;
}
body.case-list-v2 #page-casestudy .case-video-card__body h4 {
  margin:0 0 7px;
  color:var(--case-navy);
  font-family:var(--ob-font-latin);
  font-size:17px;
  font-weight:500;
  line-height:1.4;
}
body.case-list-v2 #page-casestudy .case-video-card__body p {
  margin:0;
  color:var(--case-body);
  font-size:13.5px;
  line-height:1.7;
}
body.case-list-v2 #page-casestudy .case-video-card:focus-within {
  outline:3px solid var(--case-teal);
  outline-offset:3px;
}

@media(max-width:900px) {
  body.case-list-v2 #page-casestudy .case-video-compact__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.case-list-v2 #page-casestudy .case-video-card:last-child {
    grid-column:1 / -1;
    width:min(100%,calc(50% - 8px));
  }
}
@media(max-width:640px) {
  body.case-list-v2 #page-casestudy .case-video-compact {
    margin-bottom:56px;
    padding:30px 0 38px;
  }
  body.case-list-v2 #page-casestudy .case-video-compact__head {
    display:block;
    margin-bottom:18px;
  }
  body.case-list-v2 #page-casestudy .case-video-compact__head .vf-tag {
    margin-bottom:8px;
  }
  body.case-list-v2 #page-casestudy .case-video-compact__grid {
    grid-template-columns:1fr;
  }
  body.case-list-v2 #page-casestudy .case-video-card:last-child {
    grid-column:auto;
    width:auto;
  }
}