/**
 * tie-appear — fade post images in as they scroll into view (Sahifa port).
 *
 * Loaded only when Theme Options → Blog Features → "Image reveal animation" is on
 * (body gets .atr-tie-appear-on). Images start hidden and the script adds
 * .is-visible when they enter the viewport. A <noscript> block (printed in the
 * head) resets opacity for visitors without JavaScript.
 */
body.atr-tie-appear-on .wp-block-post-featured-image img,
body.atr-tie-appear-on .wp-block-post-content img,
body.atr-tie-appear-on .wp-block-image img {
	opacity: 0;
	transform: scale(0.8);
	transform-origin: top left; /* grow from the top-left corner toward bottom-right */
}

body.atr-tie-appear-on .wp-block-post-featured-image img.is-visible,
body.atr-tie-appear-on .wp-block-post-content img.is-visible,
body.atr-tie-appear-on .wp-block-image img.is-visible {
	opacity: 1;
	transform: scale(1);
	transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
}