/* The shared cinematic-slider's --variant-enterprise rule resolves its card
   colors via var(--color-2nd-bg, ...) etc, which falls back to the hardcoded
   dark values ONLY when those tokens are undefined — but they're always
   defined globally (as light-mode/white values), so without a local override
   here the cards render inverted (white card, near-black text) instead of
   dark. Mirrors the same pattern page-enterprise/section-final-highlight
   uses for its own instance of this component. */
.review-highlight {
    --color-2nd-bg: #1A1A1A;
    --color-1st-fg: var(--color-reverse-fg);
    --color-2nd-fg: rgba(255, 255, 255, 0.8);
    --color-stroke: var(--color-reverse-stroke);

    background: #050505;
    color: #fff;
    padding-block: var(--space-section-lg);
    padding-inline: var(--space-page);
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .review-highlight {
        padding-block: var(--space-section-sm);
    }
}