/* ==========================================================
   STATS — big-number proof row (dark section).
   Markup lives in sections/stats.html
   ========================================================== */
/* ==========================================================
   STATS
   ========================================================== */

.stats-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.stat-block{
    padding-left:20px;
    border-left:2px solid rgba(255,255,255,.18);
    transition:
        transform .3s ease,
        border-color .3s ease;
}

.stat-block:hover{
    transform:translateY(-4px);
    border-left-color:var(--crimson);
}

.stat-block b{
    display:block;
    margin-bottom:8px;
    font-size:clamp(32px,3.4vw,44px);
    font-weight:800;
    letter-spacing:-.02em;
    color:var(--white);
    transition:color .3s ease;
}

.stat-block:hover b{
    color:var(--crimson);   /* NEW — ties the crimson accent language to Story Card metrics */
}

.stat-block span{
    font-size:13.5px;
    line-height:1.6;
    color:rgba(255,255,255,.65);
}

@media (max-width:860px){
    .stats-row{
        grid-template-columns:repeat(2,1fr);
        row-gap:32px;
    }
}

@media (max-width:560px){
    .stats-row{
        grid-template-columns:1fr;
        gap:24px;
    }
    .stat-block{
        padding-left:16px;
    }
}