.stats{
    padding:120px 0;
    background:var(--black-graphite);
}

.stats-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:32px;
    align-items:center;
}

.stats-copy h2{
    font-size:clamp(2.2rem,3vw,3.4rem);
    line-height:1.02;
    margin:20px 0;
}

.stats-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.stat-card{
    padding:32px 24px;
    background:var(--metal);
    border:1px solid rgba(255,255,255,.07);
    border-radius:22px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.stat-card span{
    font-size:4.5rem;
    line-height:1;
    font-weight:700;
}

.stat-card p{
    color:var(--light);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:.83rem;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width:768px){

    .stats-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .stats-cards{
        grid-template-columns:1fr;
        gap:16px;
    }

    .stat-card{
        width:100%;
        min-width:0;
        padding:24px 20px;
    }

    .stat-card span{
        font-size:2.2rem;
    }

    .stat-card p{
        font-size:.75rem;
        letter-spacing:.08em;
    }

}