/* ============================================================ MOTION — Section reveals, hover states Homepage only for now (linked from index.html ). JS (IntersectionObserver) is inline at the bottom of index.html, not in this file. ============================================================ */ .reveal { opacity: 0; transform: translateY(8px); transition: opacity 300ms var(--ease-out), transform 300ms var(--ease-out); } .reveal.visible { opacity: 1; transform: translateY(0); }