Control stacking contexts and blend mode isolation
With isolation: isolate
Without isolation (auto)
isolation: isolate creates a new stacking context, preventing blend modes and z-index values from leaking to parent layers. Use it when you want mix-blend-mode effects to only apply within a container, not against the page background.
Common uses: Card components with blend effects, modal overlays, isolated UI sections, preventing z-index wars.