/* ========================================================================== Utilities, small, single-purpose helpers and the scroll-reveal system. ========================================================================== */ /* Scroll / load reveals, progressive enhancement only. Content is fully visible when JS is off (no .js class on ). */ .js .reveal { opacity: 0; transform: translateY(16px); } .js .reveal.is-in { opacity: 1; transform: none; transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease); } @media (prefers-reduced-motion: reduce) { .js .reveal { opacity: 1 !important; transform: none !important; } } .d1 { transition-delay: 0.08s; } .d2 { transition-delay: 0.16s; } .d3 { transition-delay: 0.24s; }