/* Shared impact panels, based on the home About editorial grid. */
.impact-bento { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #0c0b11; background:#fff; color:#0c0b11; margin:0; container-type:inline-size; scroll-margin-top:90px; }
.impact-bento-heading { margin:0; padding:24px 20px; min-height:150px; display:flex; align-items:flex-end; font:600 clamp(18px,4cqi,28px)/1.2 var(--font-display); letter-spacing:-.04em; border-right:1px solid #0c0b11; border-bottom:1px solid #0c0b11; }
.impact-bento-pattern { position:relative; overflow:hidden; border-bottom:1px solid #0c0b11; background:#f0efeb; }
.impact-bento-pattern img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.impact-bento-metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.impact-bento-metric { min-width:0; padding:24px 20px; min-height:160px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; background:#0c0b11; color:#fff; border-bottom:1px solid #0c0b11; }
.impact-bento-metric:nth-child(odd) { border-right:1px solid #0c0b11; }
.impact-bento-metric:nth-child(4n+2) { background:#d81e5b; color:#0c0b11; }
.impact-bento-metric:nth-child(4n+3) { background:#f0efeb; color:#0c0b11; }
.impact-bento-metric:nth-child(4n+4) { background:#fff; color:#0c0b11; }
.impact-bento-metric:nth-last-child(-n+2) { border-bottom:0; }
.impact-bento-metric strong { font:700 clamp(26px,7cqi,52px)/1.1 var(--font-display); letter-spacing:-.055em; overflow-wrap:anywhere; }
.impact-bento-metric span { font:500 11px/1.5 var(--font-mono); text-transform:uppercase; }
@container(max-width:340px) { .impact-bento-metric { padding:18px 14px; } .impact-bento-heading { padding:18px 14px; font-size:18px; } .impact-bento-metric strong { font-size:26px; } }