/* ============================================================
 * GSAP スクロールアニメーション：チラつき防止用CSS
 * <html> に .gsap-enabled が付いているときだけ、対象要素を初期非表示にする。
 * （.gsap-enabled は functions.php が <head> で付与。JS無効・視差効果を減らす設定・
 *   CDN読み込み失敗時は付かない／外れるため、内容は通常どおり表示される）
 * ============================================================ */

html.gsap-enabled .gsap-fade-up,
html.gsap-enabled .gsap-fade-side,
html.gsap-enabled .gsap-fade-left,
html.gsap-enabled .gsap-fade-right,
html.gsap-enabled .gsap-scale-up,
html.gsap-enabled .gsap-stagger > * {
	opacity: 0;
	visibility: hidden;
}

/* 左右スライド時に一瞬だけ横スクロールバーが出るのを防ぐ（clip はスクロール領域を作らず、sticky にも影響しない） */
html.gsap-enabled body {
	overflow-x: clip;
}