/* ==========================================================================
   cb-about.css — Custom Build: About + Stats bar
   Figma node 4545-16818 (section) / 4545-16819 (heading+body text block)
   Section padding: 80px top/bottom, 60px left/right — content 1320×286
   Stats: justify-content center, gap 163px (Figma spec)
   ========================================================================== */

/* Section: 80px block padding, 60px inline padding (matching Figma box model) */
.cb-about.about-section {
    padding-block: 80px;
    padding-inline: var(--gutter); /* resolves to 60px at ≥1200px */
}

/* Inner content wrapper — inherits max-width + margin-inline: auto from about-section__inner */
.cb-about .about-section__inner {
    max-width: var(--max-width);
    margin-inline: auto;
}

/* 28px gap between heading and body text (Figma spec) */
.cb-about .about-section__content {
    gap: 28px;
}

/* ── Heading — Figma 4545-16819: Geist 300, 40px, 110% lh, centred ──────── */
.cb-about .about-section__heading {
    font-size: 2.5rem;     /* 40px */
    font-weight: 400;      /* Freight Neo Book */
    line-height: 1.15;     /* 115% */
    letter-spacing: 0;
    text-align: center;
    color: var(--color-dark, #1a1a1a);
}

/* ── Body text — Figma: Geist 300, 16px, 139% lh, centred, max 768px ─────── */
.cb-about .about-section__text {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.39;
    letter-spacing: 0;
    text-align: center;
    color: var(--color-dark, #1a1a1a);
    max-width: 768px;
    margin-inline: auto;
}

/* ── Stats bar — Figma: 163px gap, centred, sits within section padding ─── */
.cb-about__stats {
    display: flex;
    justify-content: center;
    gap: 163px;
    margin-top: 28px;
    padding-block: clamp(16px, 2.5vw, 28px);
    max-width: var(--max-width);
    margin-inline: auto;
}

.cb-about__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

/* Stat value — Figma: Freight Neo Book 400, 48px, 100% lh */
.cb-about__stat-value {
    font-family: var(--font-heading);
    font-size: 3rem;       /* 48px */
    font-weight: 400;      /* Freight Neo Book */
    line-height: 1;        /* 100% */
    letter-spacing: 0;
    color: var(--color-dark, #1a1a1a);
}

/* Stat label — Figma: Geist Medium 500, 24px, 110% lh */
.cb-about__stat-label {
    font-family: var(--font-body);
    font-size: 1.5rem;     /* 24px */
    font-weight: 500;      /* Geist Medium */
    line-height: 1.1;      /* 110% */
    letter-spacing: 0;
    color: var(--color-dark, #1a1a1a);
    text-transform: none;
}

/* Mobile — Figma 390px: 80px block padding, 16px sides, stacked stats, no borders */
@media (max-width: 639px) {
    .cb-about.about-section {
        padding-block: 80px;
        padding-inline: 16px;
    }

    .cb-about .about-section__heading {
        font-size: 2rem;    /* 32px on mobile */
        line-height: 1;
    }

    .cb-about__stats {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    /* Remove all borders — not in Figma mobile */
    .cb-about__stat {
        padding: 0;
        border-bottom: none;
    }

    .cb-about__stat:last-child {
        border-bottom: none;
    }
}