/* Our Impact */

/* Hero jump card */
.impact-hero { padding-bottom: clamp(96px, 11vw, 150px); }
.impact-jump { display: grid; gap: 6px; padding: clamp(18px, 2.5vw, 26px); border-radius: var(--r-xl); box-shadow: var(--sh-2); }
.impact-jump__label { margin: 0 0 6px 8px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.impact-jump a { display: flex; gap: 16px; align-items: center; padding: 12px 14px; border-radius: var(--r); text-decoration: none; color: var(--ink); transition: background-color var(--t-color); }
.impact-jump a:hover { background: var(--tint); color: var(--ink); }
.impact-jump .icon-chip { transition: background-color var(--t-color); }
.impact-jump a:hover .icon-chip { background: var(--p200); }
.impact-jump .icon-chip { flex: none; margin: 0; }
.impact-jump a span:not(.icon-chip) { display: grid; line-height: 1.35; }
.impact-jump a span span { font-size: 0.93rem; color: var(--ink-2); }

/* Stat cards overlapping the hero */
.numbers-wrap { position: relative; z-index: 2; margin-top: calc(clamp(96px, 11vw, 150px) * -0.55); padding-bottom: clamp(56px, 8vw, 104px); }
.numbers { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.numbers .stat { background: #fff; border: 1px solid var(--line); box-shadow: var(--sh-2); }
.numbers .icon-chip { margin-bottom: 1.25rem; }

/* Treatment access */
.section--dark .split + .split, .section--dark .split + .grid-3 { margin-top: clamp(48px, 7vw, 88px); }
.impact-video { align-items: center; }
@media (min-width: 900px) { .impact-video { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); } }
#treatment-access .stat { padding: clamp(28px, 4vw, 44px); background: rgba(255, 255, 255, 0.08); }
#treatment-access .stat__value { font-size: clamp(3rem, 2rem + 4vw, 5rem); }
#treatment-access .stat__label { font-size: 1.05rem; }
#treatment-access .card--dark { background: var(--p800); }
#treatment-access .card a { text-decoration: underline; }

/* Awareness */
#treatment-access .card--dark h3 + p { color: rgba(255, 255, 255, 0.84); }
.awareness-intro { margin-bottom: clamp(32px, 5vw, 56px); }
.awareness-stat { padding: clamp(24px, 3.5vw, 36px); }
.awareness-stat .stat__label { font-size: 1.02rem; }
@media (min-width: 640px) and (max-width: 1099px) { .awareness-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .awareness-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }