/* Keep the card artwork still; only its foreground subject receives motion. */
body .vo-benefit-object-split {
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    cursor: zoom-in;
    -webkit-tap-highlight-color: transparent;
}

body .preimuschestva .item.vo-benefit-object-split > img.vo-benefit-static {
    position: relative;
    z-index: 1;
    transform: none !important;
    filter: none !important;
}

body .preimuschestva .item.vo-benefit-object-split > p {
    z-index: 3;
}

body .vo-benefit-object-split > img.vo-benefit-object-foreground {
    position: absolute;
    z-index: 2;
    display: block;
    max-width: none !important;
    margin: 0 !important;
    pointer-events: none;
    clip-path: var(--vo-benefit-clip, none);
    -webkit-clip-path: var(--vo-benefit-clip, none);
    opacity: 0;
    transform: scale(.96) translateZ(0);
    transform-origin: var(--vo-benefit-origin, 50% 50%);
    filter: drop-shadow(0 5px 8px rgba(22, 43, 41, 0));
    transition: transform 1.35s cubic-bezier(.22, 1, .36, 1), opacity .4s ease-out, filter 1.35s ease;
    will-change: transform, opacity;
}

@media (hover: hover) and (pointer: fine) {
    body .vo-benefit-object-split:hover > img.vo-benefit-object-foreground {
        opacity: 1;
        transform: scale(1.16) translateZ(0);
        filter: drop-shadow(0 12px 18px rgba(22, 43, 41, .20));
    }
}

@media (prefers-reduced-motion: reduce) {
    body .vo-benefit-object-split > img.vo-benefit-object-foreground {
        transition: opacity .15s linear;
    }

    body .vo-benefit-object-split:hover > img.vo-benefit-object-foreground {
        transform: none;
    }
}