/* Remove the small source object while its separate foreground illustration grows.
   The window-profile cross-section deliberately has no .vo-promo-clean-static class. */
body .special-block .l-c.vo-promo-split.vo-promo-clean-static {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

body .special-block .l-c.vo-promo-split.vo-promo-clean-static::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: 84%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at 42% 38%, #ffc8af 0%, #f8bd9e 61%, #ed9b76 100%);
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .22s ease-out;
    pointer-events: none;
}

body .special-block .l-c.vo-promo-split.vo-promo-clean-static > img.vo-promo-static-art {
    z-index: 1;
    transition: none !important;
}

body .special-block .l-c.vo-promo-split.vo-promo-clean-static > img.vo-promo-foreground {
    z-index: 2;
    opacity: 0;
    transform: scale(1) translateZ(0) !important;
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1), opacity .22s ease-out !important;
}

@media (hover: hover) and (pointer: fine) {
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:hover::before {
        opacity: 1;
    }

    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:hover > img.vo-promo-static-art {
        opacity: 0;
    }

    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:hover > img.vo-promo-foreground {
        opacity: 1;
        transform: scale(1.16) translateZ(0) !important;
    }
}

@media (hover: none), (pointer: coarse) {
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:active::before,
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:focus-within::before {
        opacity: 1;
    }

    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:active > img.vo-promo-static-art,
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:focus-within > img.vo-promo-static-art {
        opacity: 0;
    }

    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:active > img.vo-promo-foreground,
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static:focus-within > img.vo-promo-foreground {
        opacity: 1;
        transform: scale(1.16) translateZ(0) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .special-block .l-c.vo-promo-split.vo-promo-clean-static > img.vo-promo-foreground {
        transition: opacity .15s linear !important;
    }
}