/* Решётки: увеличивается исходная иллюстрация целиком, без второй копии объекта. */
@media (hover: hover) and (pointer: fine) {
    body .okna-char.reshotki .center.vo-okna-char-split {
        overflow: hidden;
        cursor: zoom-in;
    }

    body .okna-char.reshotki .center.vo-okna-char-split > img.vo-okna-char-foreground {
        display: none !important;
    }

    body .okna-char.reshotki .center.vo-okna-char-split > img.vo-okna-char-static-art {
        display: block;
        transform: scale(1) translateZ(0) !important;
        transform-origin: center center;
        transition: transform 1.3s cubic-bezier(.22, 1, .36, 1) !important;
        will-change: transform;
    }

    body .okna-char.reshotki .center.vo-okna-char-split:hover > img.vo-okna-char-static-art {
        transform: scale(1.065) translateZ(0) !important;
    }
}

@media (hover: none), (pointer: coarse) {
    body .okna-char.reshotki .center.vo-okna-char-split > img.vo-okna-char-foreground {
        display: none !important;
    }

    body .okna-char.reshotki .center.vo-okna-char-split > img.vo-okna-char-static-art {
        display: block;
        transform: scale(1) translateZ(0) !important;
        transform-origin: center center;
        transition: transform 1.3s cubic-bezier(.22, 1, .36, 1) !important;
    }

    body .okna-char.reshotki .center.vo-okna-char-split:active > img.vo-okna-char-static-art,
    body .okna-char.reshotki .center.vo-okna-char-split:focus-within > img.vo-okna-char-static-art {
        transform: scale(1.065) translateZ(0) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body .okna-char.reshotki .center.vo-okna-char-split > img.vo-okna-char-static-art {
        transition: none !important;
    }
}