.black-framework{padding-block:var(--space-section);background:var(--soft);color:var(--green-dark)}
.black-framework-heading{padding-bottom:48px}
.black-framework-heading h2{font-size:clamp(58px,10vw,128px);font-weight:800;line-height:1;letter-spacing:-.055em;margin:0 0 24px}
.black-framework-heading>p{font-size:clamp(21px,2.5vw,32px);line-height:1.35;font-weight:500;margin:0;color:var(--green)}
.black-framework-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2.5vw,40px);margin:0;border-top:1px solid #b9c9bd;padding-top:32px}
.black-framework-pillar{min-width:0}
.black-framework-letter{display:block;font-size:clamp(76px,8vw,112px);line-height:1;font-weight:700;letter-spacing:-.045em;color:var(--green);margin-bottom:16px}
.black-framework-grid dt{font-size:clamp(22px,2vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.03em;margin:0 0 24px}
.black-framework-grid dd{font-size:18px;line-height:1.6;margin:0;color:var(--muted)}
.black-framework-signature{margin:56px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
@media(max-width:1100px){
  .black-framework-heading{padding-bottom:32px}
  .black-framework-grid{display:block;padding:0}
  .black-framework-pillar{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:32px;row-gap:10px;padding-block:28px;border-bottom:1px solid #b9c9bd}
  .black-framework-letter{grid-column:1;grid-row:1/3;font-size:72px;margin:0}
  .black-framework-grid dt{grid-column:2;font-size:28px;margin:0}
  .black-framework-grid dd{grid-column:2;max-width:48ch}
}
@media(max-width:600px){
  .black-framework-heading h2{font-size:clamp(48px,13vw,70px)}
  .black-framework-pillar{grid-template-columns:48px minmax(0,1fr);column-gap:22px;padding-block:24px}
  .black-framework-letter{font-size:54px}
  .black-framework-grid dt{font-size:25px}
  .black-framework-grid dd{font-size:16px}
  .black-framework-signature{margin-top:32px}
}