body[data-page="portfolio"] .case-story--h2h {
  --h2h-ink:#132728;
  --h2h-muted:#657273;
  --h2h-teal:#00bfa9;
  --h2h-teal-deep:#087a6e;
  --h2h-soft:#edf8f5;
  --h2h-cream:#fbf7ef;
  --h2h-orange:#ff7e00;
  --h2h-dark:#102425;
  background:#f8fbfa;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero {
  position:relative;
  overflow:clip;
  padding-block:clamp(118px,10vw,156px) clamp(84px,8vw,116px);
  background:
    radial-gradient(circle at 84% 18%,rgba(0,191,169,.14),transparent 25%),
    radial-gradient(circle at 9% 86%,rgba(255,126,0,.05),transparent 20%),
    #f3faf8;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-shell { display:block; }
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-copy { max-width:1060px; }
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-copy h1 {
  max-width:14ch;
  margin:20px 0 0;
  color:var(--h2h-ink);
  font-size:clamp(54px,6vw,88px);
  line-height:.94;
  letter-spacing:-.05em;
  text-wrap:balance;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-lede {
  display:grid;
  gap:7px;
  max-width:65ch;
  margin-top:31px;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-lede p {
  margin:0;
  color:var(--h2h-muted);
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.58;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-lede p:first-child {
  color:var(--h2h-ink);
  font:500 clamp(25px,2.3vw,36px)/1.16 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-meta {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:34px;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-meta span {
  display:grid;
  gap:4px;
  min-width:145px;
  padding:12px 15px;
  border-radius:19px 19px 7px 19px;
  background:rgba(255,255,255,.8);
  box-shadow:0 10px 28px rgba(20,39,40,.045);
  color:var(--h2h-ink);
  font:600 12px/1.3 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-meta small {
  color:var(--h2h-teal-deep);
  font:700 8px/1.2 var(--font-label);
  letter-spacing:.1em;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening {
  position:relative;
  overflow:clip;
  padding-block:clamp(82px,8vw,120px);
  background:var(--h2h-dark);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening::before {
  content:"";
  position:absolute;
  left:-150px;
  top:42%;
  width:290px;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(120,234,219,.055);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-shell {
  position:relative;
  display:grid;
  grid-template-columns:minmax(150px,.2fr) minmax(0,.8fr);
  gap:clamp(36px,6vw,92px);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening .eyebrow { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-copy h2 {
  max-width:17ch;
  margin:0;
  color:#fff;
  font-size:clamp(44px,5vw,72px);
  line-height:.97;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-text {
  display:grid;
  gap:8px;
  max-width:61ch;
  margin-top:28px;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-text p {
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.58;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-variables {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:30px 0 0;
  padding:0;
  list-style:none;
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-variables li {
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#dffaf6;
  font:650 10px/1.2 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-closing {
  max-width:46ch;
  margin:38px 0 0;
  color:#78eadb;
  font:500 clamp(24px,2.3vw,35px)/1.18 var(--font-display);
}

body[data-page="portfolio"] .case-story--h2h .h2h-case {
  overflow:clip;
  background:
    radial-gradient(circle at 98% 22%,rgba(0,191,169,.045),transparent 17%),
    radial-gradient(circle at 0% 66%,rgba(255,126,0,.035),transparent 14%),
    #f8fbfa;
}
body[data-page="portfolio"] .case-story--h2h .h2h-case > section {
  position:relative;
  padding-block:clamp(84px,8vw,128px);
}
body[data-page="portfolio"] .case-story--h2h .h2h-split {
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  gap:clamp(46px,7vw,108px);
  align-items:center;
}
body[data-page="portfolio"] .case-story--h2h .h2h-copy { max-width:790px; }
body[data-page="portfolio"] .case-story--h2h .h2h-copy-wide { max-width:900px; }
body[data-page="portfolio"] .case-story--h2h .h2h-copy h2 {
  max-width:16ch;
  margin:16px 0 0;
  color:var(--h2h-ink);
  font-size:clamp(42px,4.7vw,68px);
  line-height:.98;
  letter-spacing:-.045em;
  text-wrap:balance;
}
body[data-page="portfolio"] .case-story--h2h .h2h-copy > div {
  display:grid;
  gap:8px;
  max-width:61ch;
  margin-top:25px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-copy p {
  margin:0;
  color:var(--h2h-muted);
  font-size:clamp(15px,1.04vw,18px);
  line-height:1.58;
}
body[data-page="portfolio"] .case-story--h2h .h2h-closing {
  grid-column:1/-1;
  max-width:50ch;
  margin:clamp(42px,5vw,72px) 0 0 auto;
  padding:23px 27px;
  border-radius:28px 10px 28px 28px;
  background:#e7f6f2;
  color:var(--h2h-teal-deep);
  font:500 clamp(22px,2.05vw,31px)/1.2 var(--font-display);
}

/* 03 — contexto */
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual {
  position:relative;
  min-height:460px;
  border-radius:48px 48px 16px 48px;
  background:#fff;
  box-shadow:0 20px 60px rgba(20,39,40,.055);
}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual strong {
  position:absolute;
  left:50%; top:50%;
  display:grid;
  place-items:center;
  width:150px; aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--h2h-dark);
  color:#78eadb;
  font:600 28px/1 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span {
  position:absolute;
  padding:11px 14px;
  border-radius:999px;
  background:#edf8f5;
  color:var(--h2h-ink);
  font:650 9px/1.2 var(--font-label);
  letter-spacing:.04em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(1){left:8%;top:13%}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(2){right:10%;top:11%}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(3){left:4%;top:46%}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(4){right:5%;top:46%}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(5){left:10%;bottom:12%}
body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span:nth-of-type(6){right:12%;bottom:11%;background:#fff0e4;color:#9b5008}

/* 04 — anti-builder */
body[data-page="portfolio"] .case-story--h2h .h2h-antibuilder { background:var(--h2h-dark); }
body[data-page="portfolio"] .case-story--h2h .h2h-antibuilder .eyebrow { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-antibuilder .h2h-copy h2 { color:#fff; }
body[data-page="portfolio"] .case-story--h2h .h2h-antibuilder .h2h-copy p { color:rgba(255,255,255,.65); }
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg {
  overflow:hidden;
  border-radius:48px 48px 16px 48px;
  background:rgba(255,255,255,.06);
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-visible,
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-hidden {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding:30px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-visible {
  justify-content:center;
  background:#fff;
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-hidden {
  min-height:280px;
  align-content:center;
  justify-content:center;
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg small {
  width:100%;
  margin-bottom:8px;
  color:var(--h2h-teal-deep);
  text-align:center;
  font:700 8px/1.2 var(--font-label);
  letter-spacing:.1em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-visible span {
  padding:11px 14px;
  border-radius:999px;
  background:#edf8f5;
  color:var(--h2h-ink);
  font:650 10px/1.2 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-hidden small { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-iceberg-hidden span {
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:600 9px/1.2 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-antibuilder .h2h-closing {
  background:rgba(120,234,219,.09);
  color:#9ff4e8;
}

/* 05 — premissas */
body[data-page="portfolio"] .case-story--h2h .h2h-premise { background:rgba(251,247,239,.52); }
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards article {
  min-height:260px;
  padding:28px;
  border-radius:34px 34px 11px 34px;
  background:#fff;
  box-shadow:0 15px 42px rgba(20,39,40,.05);
}
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards article:nth-child(2) {
  transform:translateY(18px);
  border-radius:34px 11px 34px 34px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards article.is-conclusion {
  background:#e9f7f3;
}
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards small {
  color:var(--h2h-teal-deep);
  font:700 8px/1.2 var(--font-label);
  letter-spacing:.1em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards p {
  margin:54px 0 0;
  color:var(--h2h-ink);
  font:500 clamp(22px,2vw,30px)/1.14 var(--font-display);
}

/* 06 — fluxo */
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:48px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail article {
  flex:1 1 175px;
  min-height:190px;
  padding:22px;
  border-radius:30px 30px 10px 30px;
  background:#fff;
  box-shadow:0 13px 34px rgba(20,39,40,.045);
}
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail article:nth-child(even) {
  transform:translateY(15px);
  background:#edf8f5;
  border-radius:30px 10px 30px 30px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail span,
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts span,
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards > article > span,
body[data-page="portfolio"] .case-story--h2h .h2h-current-status span,
body[data-page="portfolio"] .case-story--h2h .h2h-triad span {
  color:var(--h2h-teal-deep);
  font:700 8px/1 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail strong {
  display:block;
  margin-top:20px;
  color:var(--h2h-ink);
  font:650 10px/1.25 var(--font-label);
  letter-spacing:.055em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail p {
  margin:13px 0 0;
  color:var(--h2h-muted);
  font-size:12px;
  line-height:1.48;
}

/* 07 — contratos */
body[data-page="portfolio"] .case-story--h2h .h2h-contracts { background:rgba(237,248,245,.46); }
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts {
  display:grid;
  gap:13px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts article {
  padding:21px 22px;
  border-radius:27px 27px 9px 27px;
  background:#fff;
  box-shadow:0 13px 32px rgba(20,39,40,.045);
}
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts article:nth-child(even) {
  margin-left:26px;
  background:#edf8f5;
  border-radius:27px 9px 27px 27px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts strong {
  display:block;
  margin-top:8px;
  color:var(--h2h-ink);
  font:650 11px/1.3 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-artifacts p {
  margin:7px 0 0;
  color:var(--h2h-muted);
  font-size:12px;
  line-height:1.46;
}

/* 08 — escopo */
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit {
  position:relative;
  min-height:450px;
  border-radius:48px 48px 16px 48px;
  background:#fff;
  box-shadow:0 20px 60px rgba(20,39,40,.055);
}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-core {
  position:absolute;
  left:50%; top:50%;
  display:grid;
  place-items:center;
  width:170px; aspect-ratio:1;
  padding:20px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--h2h-dark);
  text-align:center;
}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-core strong {
  color:#78eadb;
  font:700 10px/1.2 var(--font-label);
  letter-spacing:.08em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-core span {
  max-width:11ch;
  color:rgba(255,255,255,.6);
  font-size:10px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span {
  position:absolute;
  padding:11px 14px;
  border-radius:999px;
  background:#edf8f5;
  color:var(--h2h-ink);
  font:650 9px/1.2 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span:nth-of-type(1){left:7%;top:13%}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span:nth-of-type(2){right:8%;top:11%;background:#fff0e4;color:#9b5008}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span:nth-of-type(3){left:3%;bottom:18%}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span:nth-of-type(4){right:5%;bottom:17%}
body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span:nth-of-type(5){left:36%;bottom:5%;background:#fff0e4;color:#9b5008}

/* 09 — gates */
body[data-page="portfolio"] .case-story--h2h .h2h-gates { background:var(--h2h-dark); }
body[data-page="portfolio"] .case-story--h2h .h2h-gates .eyebrow { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-gates .h2h-copy h2 { color:#fff; }
body[data-page="portfolio"] .case-story--h2h .h2h-gates .h2h-copy p { color:rgba(255,255,255,.65); }
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:48px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards article {
  padding:24px;
  border-radius:30px 30px 10px 30px;
  background:rgba(255,255,255,.07);
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards article:nth-child(even) {
  transform:translateY(14px);
  border-radius:30px 10px 30px 30px;
  background:rgba(120,234,219,.08);
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards > article > span { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards article > div {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-top:20px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards strong {
  color:#fff;
  font:650 10px/1.2 var(--font-label);
  letter-spacing:.05em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards i {
  color:#78eadb;
  font-style:normal;
}
body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards p {
  margin:14px 0 0;
  color:rgba(255,255,255,.58);
  font-size:12px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-gates .h2h-closing {
  background:rgba(120,234,219,.09);
  color:#9ff4e8;
}

/* 10 — produção */
body[data-page="portfolio"] .case-story--h2h .h2h-production-chain {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-content:center;
  justify-content:center;
  min-height:340px;
  padding:32px;
  border-radius:44px 44px 14px 44px;
  background:#fff;
  box-shadow:0 18px 52px rgba(20,39,40,.05);
}
body[data-page="portfolio"] .case-story--h2h .h2h-production-chain span {
  display:flex;
  gap:8px;
  align-items:center;
  padding:13px 15px;
  border-radius:999px;
  background:#edf8f5;
  color:var(--h2h-ink);
  font:650 10px/1.2 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-production-chain span:nth-child(4),
body[data-page="portfolio"] .case-story--h2h .h2h-production-chain span:nth-child(7) {
  background:#fff0e4;
  color:#9b5008;
}
body[data-page="portfolio"] .case-story--h2h .h2h-production-chain small {
  color:var(--h2h-teal-deep);
  font:700 8px/1 var(--font-label);
}

/* 11 — evidência */
body[data-page="portfolio"] .case-story--h2h .h2h-evidence { background:rgba(237,248,245,.5); }
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud {
  position:relative;
  min-height:420px;
  border-radius:48px 48px 16px 48px;
  background:#fff;
  box-shadow:0 20px 60px rgba(20,39,40,.055);
}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > strong {
  position:absolute;
  left:50%; top:50%;
  display:grid;
  place-items:center;
  width:160px; aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--h2h-dark);
  color:#78eadb;
  font:500 23px/1 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span {
  position:absolute;
  max-width:180px;
  padding:11px 14px;
  border-radius:999px;
  background:#edf8f5;
  color:var(--h2h-ink);
  font:650 9px/1.25 var(--font-label);
  text-align:center;
}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span:nth-of-type(1){left:7%;top:13%}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span:nth-of-type(2){right:7%;top:11%}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span:nth-of-type(3){left:4%;bottom:16%}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span:nth-of-type(4){right:4%;bottom:15%}
body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span:nth-of-type(5){left:37%;bottom:4%;background:#fff0e4;color:#9b5008}

/* 12 — fricção */
body[data-page="portfolio"] .case-story--h2h .h2h-friction { background:var(--h2h-dark); }
body[data-page="portfolio"] .case-story--h2h .h2h-friction .eyebrow { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-friction .h2h-copy h2 { color:#fff; }
body[data-page="portfolio"] .case-story--h2h .h2h-friction .h2h-copy p { color:rgba(255,255,255,.65); }
body[data-page="portfolio"] .case-story--h2h .h2h-friction-stack { display:grid; gap:10px; }
body[data-page="portfolio"] .case-story--h2h .h2h-friction-stack blockquote {
  margin:0;
  padding:19px 21px;
  border-radius:25px 25px 8px 25px;
  background:rgba(255,255,255,.07);
  color:#fff;
  font:500 clamp(21px,1.9vw,29px)/1.13 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .h2h-friction-stack blockquote:nth-child(even) {
  margin-left:28px;
  border-radius:25px 8px 25px 25px;
  background:rgba(120,234,219,.08);
}
body[data-page="portfolio"] .case-story--h2h .h2h-friction-stack small {
  margin-right:10px;
  color:#78eadb;
  font:700 8px/1 var(--font-label);
}
body[data-page="portfolio"] .case-story--h2h .h2h-friction .h2h-closing {
  background:rgba(120,234,219,.09);
  color:#9ff4e8;
}

/* 13 — estado atual */
body[data-page="portfolio"] .case-story--h2h .h2h-current-status {
  display:grid;
  gap:13px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-current-status article {
  padding:22px;
  border-radius:28px 28px 9px 28px;
  background:#fff;
  box-shadow:0 13px 34px rgba(20,39,40,.045);
}
body[data-page="portfolio"] .case-story--h2h .h2h-current-status article:nth-child(2) {
  margin-left:25px;
  background:#edf8f5;
  border-radius:28px 9px 28px 28px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-current-status strong {
  display:block;
  margin-top:9px;
  color:var(--h2h-ink);
  font:650 10px/1.2 var(--font-label);
  letter-spacing:.06em;
}
body[data-page="portfolio"] .case-story--h2h .h2h-current-status p {
  margin:7px 0 0;
  color:var(--h2h-muted);
  font-size:12px;
}

/* 14 — separação intelectual */
body[data-page="portfolio"] .case-story--h2h .h2h-hindsight { background:rgba(251,247,239,.55); }
body[data-page="portfolio"] .case-story--h2h .h2h-triad {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-triad article {
  min-height:220px;
  padding:24px;
  border-radius:32px 32px 10px 32px;
  background:#fff;
  box-shadow:0 14px 38px rgba(20,39,40,.045);
}
body[data-page="portfolio"] .case-story--h2h .h2h-triad article:nth-child(2) {
  transform:translateY(18px);
  background:#edf8f5;
  border-radius:32px 10px 32px 32px;
}
body[data-page="portfolio"] .case-story--h2h .h2h-triad strong {
  display:block;
  margin-top:24px;
  color:var(--h2h-ink);
  font:500 25px/1.06 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .h2h-triad p {
  margin:12px 0 0;
  color:var(--h2h-muted);
  font-size:12px;
  line-height:1.48;
}

/* 15 — lição */
body[data-page="portfolio"] .case-story--h2h .h2h-lesson {
  background:var(--h2h-dark);
}
body[data-page="portfolio"] .case-story--h2h .h2h-lesson-shell {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:clamp(46px,7vw,108px);
  align-items:end;
}
body[data-page="portfolio"] .case-story--h2h .h2h-lesson .eyebrow { color:#78eadb; }
body[data-page="portfolio"] .case-story--h2h .h2h-lesson .h2h-copy h2 { color:#fff; }
body[data-page="portfolio"] .case-story--h2h .h2h-lesson .h2h-copy p { color:rgba(255,255,255,.66); }
body[data-page="portfolio"] .case-story--h2h .h2h-lesson-line {
  margin:0;
  padding:30px;
  border-radius:36px 12px 36px 36px;
  background:rgba(120,234,219,.09);
  color:#9ff4e8;
  font:500 clamp(27px,2.8vw,42px)/1.12 var(--font-display);
}

/* placeholders de evidência */
body[data-page="portfolio"] .case-story--h2h .case-media-slot {
  position:relative;
  width:min(100%,980px);
  min-height:360px;
  aspect-ratio:8/5;
  margin:54px auto 0;
  overflow:hidden;
  border-radius:39px 39px 14px 39px;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,191,169,.12),transparent 28%),
    #eef8f5;
  box-shadow:0 18px 52px rgba(20,38,39,.055);
}
body[data-page="portfolio"] .case-story--h2h .case-media-slot > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
body[data-page="portfolio"] .case-story--h2h .case-media-slot.is-loaded > img { opacity:1; }
body[data-page="portfolio"] .case-story--h2h .case-media-slot.is-loaded .case-media-placeholder { display:none; }
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder {
  display:grid;
  align-content:center;
  min-height:360px;
  padding:clamp(30px,5vw,58px);
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder > small {
  color:var(--h2h-teal-deep);
  font:700 9px/1.2 var(--font-label);
  letter-spacing:.11em;
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder > strong {
  max-width:20ch;
  margin-top:14px;
  color:var(--h2h-ink);
  font:500 clamp(30px,3.4vw,50px)/1.02 var(--font-display);
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder > p {
  max-width:58ch;
  margin:18px 0 0;
  color:var(--h2h-muted);
  font-size:14px;
  line-height:1.55;
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder dl {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder dl > div {
  min-width:150px;
  padding:12px 14px;
  border-radius:18px 18px 7px 18px;
  background:rgba(255,255,255,.84);
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder dt {
  color:var(--h2h-teal-deep);
  font:700 8px/1.2 var(--font-label);
  letter-spacing:.09em;
}
body[data-page="portfolio"] .case-story--h2h .case-media-placeholder dd {
  margin:5px 0 0;
  color:var(--h2h-ink);
  font:600 11px/1.35 var(--font-label);
  overflow-wrap:anywhere;
}

body[data-page="portfolio"] .case-story--h2h .case-closing-sequence { background:#fbfaf6; }
body[data-page="portfolio"] .case-story--h2h .case-closing-destination-shell { background:var(--h2h-dark); }

@media (max-width:900px) {
  body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-shell,
  body[data-page="portfolio"] .case-story--h2h .h2h-split,
  body[data-page="portfolio"] .case-story--h2h .h2h-lesson-shell {
    grid-template-columns:1fr;
  }
  body[data-page="portfolio"] .case-story--h2h .h2h-closing { grid-column:1; }
  body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards,
  body[data-page="portfolio"] .case-story--h2h .h2h-triad { grid-template-columns:1fr; }
  body[data-page="portfolio"] .case-story--h2h .h2h-premise-cards article:nth-child(2),
  body[data-page="portfolio"] .case-story--h2h .h2h-triad article:nth-child(2) { transform:none; }
}
@media (max-width:680px) {
  body[data-page="portfolio"] .case-story--h2h .case-editorial-hero { padding-block:104px 68px; }
  body[data-page="portfolio"] .case-story--h2h .case-editorial-hero-copy h1 { max-width:14ch; font-size:clamp(44px,12.5vw,62px); }
  body[data-page="portfolio"] .case-story--h2h .case-editorial-opening,
  body[data-page="portfolio"] .case-story--h2h .h2h-case > section { padding-block:70px; }
  body[data-page="portfolio"] .case-story--h2h .case-editorial-opening-copy h2,
  body[data-page="portfolio"] .case-story--h2h .h2h-copy h2 { font-size:clamp(39px,11.2vw,54px); }
  body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards { grid-template-columns:1fr; }
  body[data-page="portfolio"] .case-story--h2h .h2h-gate-cards article:nth-child(even) { transform:none; }
  body[data-page="portfolio"] .case-story--h2h .h2h-context-visual,
  body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit,
  body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud { min-height:0; padding:24px 20px; }
  body[data-page="portfolio"] .case-story--h2h .h2h-context-visual strong,
  body[data-page="portfolio"] .case-story--h2h .h2h-scope-core,
  body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > strong {
    position:relative;
    inset:auto;
    margin:0 auto 24px;
    transform:none;
  }
  body[data-page="portfolio"] .case-story--h2h .h2h-context-visual > span,
  body[data-page="portfolio"] .case-story--h2h .h2h-scope-orbit > span,
  body[data-page="portfolio"] .case-story--h2h .h2h-proof-cloud > span {
    position:static;
    display:block;
    max-width:none;
    margin-top:9px;
    text-align:center;
  }
  body[data-page="portfolio"] .case-story--h2h .h2h-artifacts article:nth-child(even),
  body[data-page="portfolio"] .case-story--h2h .h2h-current-status article:nth-child(2),
  body[data-page="portfolio"] .case-story--h2h .h2h-friction-stack blockquote:nth-child(even) { margin-left:0; }
  body[data-page="portfolio"] .case-story--h2h .h2h-flow-rail article:nth-child(even) { transform:none; }
}