/* Keep the complete success story block visible on short screens. */
@media (max-height: 850px) {
    .success-video-section {
        padding-top: 24px;
        padding-bottom: 20px;
    }

    .success-video-head {
        margin-bottom: 14px;
    }

    .success-video-cta {
        margin-top: 10px;
    }

    .success-video-cta .btn {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 861px) and (max-height: 850px) {
    .success-video-track {
        grid-auto-columns: clamp(195px, 18vw, 215px);
    }

    .success-video-track.is-single {
        grid-template-columns: clamp(195px, 18vw, 215px);
    }

    .success-video-card {
        min-height: 0;
        border-radius: 22px;
    }

    .success-play {
        width: 58px;
        height: 58px;
        font-size: 21px;
    }

    .success-video-copy {
        left: 22px;
        right: 18px;
        bottom: 22px;
    }

    .success-video-copy strong {
        font-size: 23px;
    }
}

@media (max-width: 860px) and (max-height: 850px) {
    .success-video-section {
        padding-top: 20px;
        padding-bottom: 18px;
    }

    .success-video-head {
        gap: 10px;
        margin-bottom: 14px;
    }

    .success-video-head h2 {
        font-size: clamp(24px, 7vw, 30px);
    }

    .success-trophy {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
    }

    .success-video-track,
    .success-video-track.is-single {
        grid-auto-columns: min(60vw, 215px);
        grid-template-columns: min(60vw, 215px);
    }

    .success-video-card {
        min-height: 0;
        border-radius: 18px;
    }

    .success-video-copy {
        left: 18px;
        right: 16px;
        bottom: 18px;
    }

    .success-video-copy strong {
        font-size: 20px;
    }

    .success-video-cta {
        margin-top: 10px;
    }
}