/* Only JavaScript-enabled pages opt into the initial mask; layout remains untouched. */
html.sn-motion-pending main figure:not([data-no-motion]) img,
html.sn-motion-pending main [data-image-motion] img,
html.sn-motion-pending main .sn-article .post-entry img,
html.sn-motion-pending main .sn-article-hero-media > img,
html.sn-motion-pending main .sn-related-card-image img,
html.sn-motion-pending main .sepinod-product-image img {
    clip-path: inset(0% 0% 0% 100%);
    opacity: 0;
}

html.sn-motion-pending main .page-blog .blog-item,
html.sn-motion-pending main .sn-article-related .sn-related-card,
html.sn-motion-pending main .about-process li,
html.sn-motion-pending main .about-commitment-grid article {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    html.sn-motion-pending main figure:not([data-no-motion]) img,
    html.sn-motion-pending main [data-image-motion] img,
    html.sn-motion-pending main .sn-article .post-entry img,
    html.sn-motion-pending main .sn-article-hero-media > img,
    html.sn-motion-pending main .sn-related-card-image img,
    html.sn-motion-pending main .sepinod-product-image img {
        clip-path: none;
        opacity: 1;
    }

    html.sn-motion-pending main .page-blog .blog-item,
    html.sn-motion-pending main .sn-article-related .sn-related-card,
    html.sn-motion-pending main .about-process li,
    html.sn-motion-pending main .about-commitment-grid article {
        opacity: 1;
    }
}