.leadflow-case-page .case-hero h1{max-width:16ch}
.leadflow-case-page .case-lead+.case-lead{margin-top:.9rem}
.leadflow-case-page .case-facts--outcomes dd{max-width:26ch}
.leadflow-case-page .case-route--leadflow li:nth-child(5) strong{letter-spacing:-.035em}
.leadflow-case-page .case-result__value{white-space:nowrap}

.case-principle{grid-column:1/-1;display:grid;grid-template-columns:3fr 9fr;gap:24px;margin-top:clamp(3rem,5vw,4.5rem);padding:clamp(1.5rem,3vw,2.5rem);background:var(--ink);color:var(--white)}
.case-principle__meta{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.case-page main .case-principle__label{margin:0;color:var(--lime);font:500 .69rem/1.4 var(--mono);letter-spacing:.035em;text-transform:uppercase}
.case-principle__meta span{display:inline-block;padding:.35rem .5rem;border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.78);font:500 .65rem/1.2 var(--mono);letter-spacing:.025em;text-transform:uppercase}
.case-principle h3{max-width:23ch;margin:0;color:var(--white);font:630 clamp(1.9rem,3vw,3.15rem)/1.06 var(--display);letter-spacing:-.037em;text-wrap:balance}
.case-page main .case-principle div>p{max-width:55ch;margin:1.35rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.78);font:400 1.02rem/1.55 var(--body);text-wrap:pretty}

@media(max-width:960px){
  .leadflow-case-page .case-hero h1{max-width:15ch}
}

@media(max-width:620px){
  .leadflow-case-page .case-hero h1{max-width:14ch}
  .case-principle{display:block;margin-top:3rem;padding:1.4rem}
  .case-principle__meta{margin-bottom:1.5rem}
  .case-principle h3{max-width:none;font-size:clamp(1.75rem,8.5vw,2.35rem)}
}