/* Scroll-triggered fade + rise reveal. Elements are only hidden once JS adds `reveal-on` to , so if scripts fail to run the content stays fully visible. Mirrors the dashboard's entrance feel (opacity + gentle translateY). */ html.reveal-on .reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform; } html.reveal-on .reveal.in-view { opacity: 1; transform: none; } /* Optional stagger for items revealed together */ html.reveal-on .reveal[data-reveal-delay="1"] { transition-delay: 0.08s; } html.reveal-on .reveal[data-reveal-delay="2"] { transition-delay: 0.16s; } html.reveal-on .reveal[data-reveal-delay="3"] { transition-delay: 0.24s; } html.reveal-on .reveal[data-reveal-delay="4"] { transition-delay: 0.32s; } @media (prefers-reduced-motion: reduce) { html.reveal-on .reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }