@media (max-width: 980px) {
    .hero-impact-inner {
        display: block;
        padding-top: 110px;
    }

    .hero-impact-note {
        width: auto;
        max-width: 520px;
        margin-top: 28px;
    }

    .story-grid,
    .capabilities-head {
        grid-template-columns: 1fr;
    }

    .story-photo img {
        min-height: 460px;
    }

    .capabilities-head {
        gap: 28px;
    }
}

@media (max-width: 720px) {
    .hero-impact {
        min-height: 760px;
    }

    .hero-impact-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(7, 39, 28, .96) 0%,
                rgba(7, 39, 28, .76) 68%,
                rgba(7, 39, 28, .42) 100%
            );
    }

    .hero-impact-media img {
        object-position: 58% center;
    }

    .hero-impact-inner {
        padding-top: 90px;
        padding-bottom: 38px;
    }

    .hero-impact h1 {
        font-size: clamp(3rem, 14vw, 4.4rem);
    }

    .hero-impact-proof {
        grid-template-columns: 1fr;
        margin-top: 34px;
    }

    .hero-impact-proof div + div {
        border-top: 1px solid rgba(255, 255, 255, .13);
    }

    .hero-actions {
        display: grid;
    }

    .hero-actions .button {
        width: 100%;
        justify-content: center;
    }

    .story-grid {
        gap: 36px;
    }

    .story-photo img {
        min-height: 390px;
        border-radius: 24px;
    }

    .story-marker {
        display: block;
    }

    .story-marker span {
        display: block;
        margin-top: 8px;
    }

    .capability-row {
        grid-template-columns: 48px 1fr;
        padding-left: 0;
        padding-right: 0;
    }

    .capability-row div {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .capability-row:hover {
        padding-left: 0;
        padding-right: 0;
    }

    .national-impact {
        min-height: 690px;
    }

    .national-impact-overlay {
        background:
            linear-gradient(
                0deg,
                rgba(7, 42, 30, .96) 0%,
                rgba(7, 42, 30, .72) 75%,
                rgba(7, 42, 30, .35) 100%
            );
    }

    .national-impact-content h2 {
        font-size: clamp(2.8rem, 13vw, 4rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .capability-row,
    .evidence-card,
    .timeline-item,
    .button-impact {
        transition: none;
    }
}