/* * Arsh Insh Events — safe scroll-reveal animation. * * IMPORTANT: elements are only ever hidden once JS has confirmed it is * running (via the "aie-anim-ready" class added to ). If JS fails to * load for any reason, .aie-anim elements simply stay at their normal, * fully-visible state — content can never get stuck invisible. */ html.aie-anim-ready .aie-anim { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; transition-delay: var(--aie-delay, 0ms); } html.aie-anim-ready .aie-anim.aie-in { opacity: 1; transform: translateY(0); } /* Buttons: gentle lift + shadow on hover, always safe (no JS dependency). */ .aie-anim-btn { transition: transform 0.25s ease, box-shadow 0.25s ease; } .aie-anim-btn:hover { transform: translateY(-3px) scale(1.03); } /* Respect users who've asked their OS to reduce motion. */ @media (prefers-reduced-motion: reduce) { html.aie-anim-ready .aie-anim { transition: none !important; transform: none !important; opacity: 1 !important; } .aie-anim-btn:hover { transform: none; } }