.cj-statsline {
    --cj-statsline-line-dark: rgba(21, 19, 15, 0.14);
    --cj-statsline-line-light: rgba(245, 242, 236, 0.14);
    position: relative;
}

.cj-statsline__grid {
    display: grid;
    grid-template-columns: repeat(var(--cj-statsline-cols, 4), minmax(0, 1fr));
    gap: 0;
}

.module.cj-statsline {
    margin-bottom: 0;
}

.cj-statsline--cols-auto .cj-statsline__grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.cj-statsline--cols-2 {
    --cj-statsline-cols: 2;
}

.cj-statsline--cols-3 {
    --cj-statsline-cols: 3;
}

.cj-statsline--cols-4 {
    --cj-statsline-cols: 4;
}

.cj-statsline--accent-yes .cj-statsline__grid {
    border-top: 2px solid var(--cj-color-orange, #eb5d0f);
}

.cj-statsline--border-yes .cj-statsline__grid {
    border-left: 1px solid var(--cj-statsline-line-light);
}

.cj-statsline__item {
    min-width: 0;
    min-height: 245px;
    padding: 28px 26px 30px;
}

.cj-statsline--border-yes .cj-statsline__item {
    border-right: 1px solid var(--cj-statsline-line-light);
    border-bottom: 1px solid var(--cj-statsline-line-light);
}

.cj-statsline__item--dark {
    background: rgba(11, 10, 9, 0.94);
    color: #f5f2ec;
}

.cj-statsline__item--soft_dark {
    background: #171615;
    color: #f5f2ec;
}

.cj-statsline__item--light {
    background: #f5f2ec;
    color: #15130f;
}

.cj-statsline__item--orange {
    background: #eb5d0f;
    color: #15130f;
}

.cj-statsline__item--transparent {
    background: transparent;
    color: inherit;
}

.cj-statsline--border-yes .cj-statsline__item--soft_dark {
    border-right-color: rgba(245, 242, 236, 0.18);
    border-bottom-color: rgba(245, 242, 236, 0.18);
}

.cj-statsline--border-yes .cj-statsline__item--light,
.cj-statsline--border-yes .cj-statsline__item--orange {
    border-right-color: var(--cj-statsline-line-dark);
    border-bottom-color: var(--cj-statsline-line-dark);
}

.cj-statsline__value {
    margin-bottom: 12px;
    font-family: var(--cj-font-display, "Saira Condensed", sans-serif);
    font-size: clamp(48px, 6vw, var(--cj-statsline-number-size, 86px));
    font-weight: 900;
    line-height: 0.82;
    letter-spacing: 0;
}

.cj-statsline__item--number-orange .cj-statsline__value {
    color: #eb5d0f;
}

.cj-statsline__item--number-black .cj-statsline__value {
    color: #15130f;
}

.cj-statsline__item--number-white .cj-statsline__value {
    color: #f5f2ec;
}

.cj-statsline__label {
    margin-bottom: 24px;
    font-family: var(--cj-font-mono, "Space Mono", monospace);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.35;
    text-transform: uppercase;
    color: rgba(245, 242, 236, 0.58);
}

.cj-statsline__item--light .cj-statsline__label,
.cj-statsline__item--orange .cj-statsline__label {
    color: #807a70;
}

.cj-statsline__text {
    max-width: 430px;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: rgba(245, 242, 236, 0.72);
}

.cj-statsline__item--light .cj-statsline__text,
.cj-statsline__item--orange .cj-statsline__text {
    color: #3a352e;
}

@media (max-width: 980px) {
    .cj-statsline--cols-4 .cj-statsline__grid,
    .cj-statsline--cols-3 .cj-statsline__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .cj-statsline .cj-statsline__grid,
    .cj-statsline--cols-auto .cj-statsline__grid,
    .cj-statsline--cols-2 .cj-statsline__grid,
    .cj-statsline--cols-3 .cj-statsline__grid,
    .cj-statsline--cols-4 .cj-statsline__grid {
        grid-template-columns: 1fr;
    }

    .cj-statsline__item {
        min-height: 0;
        padding: 24px 22px;
    }

    .cj-statsline__value {
        font-size: clamp(50px, 18vw, 72px);
    }
}