/** בס״ד * GESHMAK SCROLL-TO-FOCUS TEXT — BASE STYLES * * Structural only. All animation is applied inline by geshmak-scroll-to-focus.js. * The FOUC guard (visibility:hidden until JS reveals) is printed inline in * by the widget PHP on the front end. * * DEVELOPED BY TOM GOLDSTEIN > GESHMAK! > https://geshmak.com.au/ */ /* Isolate the block so blurred / faded lines never intercept clicks on siblings. */ .geshmak-stf { isolation: isolate; } /* SplitText line wrappers — the focus band drives transform / filter / opacity here. */ .geshmak-stf .gshmk-stf-line { display: block; transform-origin: 50% 50%; } /* SplitText word wrappers — the blob morph drives colour / background / radius here. */ .geshmak-stf .gshmk-stf-word { display: inline-block; border-radius: 3px; }