/* IX2 Animation Fallback CSS * This file ensures content becomes visible if Webflow IX2 animations fail to initialize. * The .w-mod-ix class is added to when IX2 is active. * When IX2 is not active (.w-mod-js:not(.w-mod-ix)), we show hidden content. */ /* Fallback: Show all animated elements if IX2 isn't working */ html.w-mod-js:not(.w-mod-ix) [data-w-id] { opacity: 1 !important; transform: none !important; } /* Ensure elements with inline opacity:0 become visible if IX2 fails */ html.w-mod-js:not(.w-mod-ix) [style*="opacity:0"], html.w-mod-js:not(.w-mod-ix) [style*="opacity: 0"] { opacity: 1 !important; } /* Additional safety: if IX2 takes too long to initialize, this keyframe animation * will gradually reveal content as a fallback. Applied via JavaScript. */ @keyframes ix2FallbackReveal { 0% { opacity: 0; } 100% { opacity: 1; } } .ix2-fallback-animate { animation: ix2FallbackReveal 0.6s ease-out forwards !important; }