.case-hero {
    padding: 60px 0;
    background: var(--bg-cards);
}

/* Тёмная коробка вокруг карточки — у слайдера её роль играет .cases-slider__box. */
.case-hero__card-wrap {
    padding: 48px;
    border-radius: 24px;
    background: var(--brand-secondary);
}

.case-hero__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}

/* Цвета приходят из компонента .card-theme, здесь только геометрия. */
.case-hero__card {
    padding: 32px;
    border-radius: 16px;
}

.case-hero__card-title {
    margin-bottom: 16px;
}

@media (max-width: 1080px) {

    .case-hero {
        padding: 30px 0;
    }

    .case-hero__card-wrap {
        padding: 16px;
    }

    .case-hero__cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .case-hero__card {
        padding: 16px;
    }
}