/*
 * About page statistics (sections/about-stats.php).
 */

.stats {
    padding: 2vw 0 4.5vw;
}

.stats__title {
    font-size: 1.67vw;
}

.stats__list {
    --bs-gutter-x: 1.67vw;
    --bs-gutter-y: 1.67vw;
}

.stat-item {
    text-align: center;
    padding: 1.67vw 0.83vw;
    background: var(--color-surface-muted);
    border-radius: var(--radius);
}

.stat-item__value {
    font-size: 2.5vw;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 0.42vw;
}

.stat-item__caption {
    color: var(--color-text-muted);
    font-size: 0.83vw;
}

@media only screen and (max-width: 767.98px) {
    .stats__title {
        font-size: 6.4vw;
    }

    .stats {
        padding: 4vw 0 9vw;
    }

    .stats__list {
        --bs-gutter-x: 4.27vw;
        --bs-gutter-y: 4.27vw;
    }

    .stat-item {
        padding: 5.33vw 2.67vw;
    }

    .stat-item__value {
        font-size: 8.53vw;
    }

    .stat-item__caption {
        font-size: 3.47vw;
    }
}