feat(animation): implement subtle and high-performance scroll reveal animations across public pages

- Enhance Reveal component with HTMLAttributes passthrough and inline style merging
- Integrate Reveal into Home, Members, Publications, Lectures, and Standardization sections
- Apply lightweight stagger delay (max 360ms cap) without breaking grid stretch (h-full)
- Preserve ProjectPageView CSS Scroll Snap direct-child contract via as='article' in-place replacement
- Integrate Counter component for metrics and category badges
- Support prefers-reduced-motion media query and noscript fallback
- All 12 quality gates passed clean with unanimous PASS from all reviewers

refer_landing_page/components/Reveal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useRef, type ElementType, type ReactNode } from "react";
+import { useEffect, useRef, type ElementType, type ReactNode, type HTMLAttributes } from "react";
 
 type Variant = "up" | "left" | "right" | "scale";
 
@@ -18,7 +18,9 @@ export default function Reveal({
   delay = 0,
   as: Tag = "div",
   className = "",
-}: {
+  style,
+  ...rest
+}: HTMLAttributes<HTMLElement> & {
   children: ReactNode;
   variant?: Variant;
   delay?: number;
@@ -47,12 +49,17 @@ export default function Reveal({
     return () => io.disconnect();
   }, []);
 
+  const combinedStyle = delay
+    ? { ...style, transitionDelay: `${delay}ms` }
+    : style;
+
   return (
     <Tag
       ref={ref}
       data-variant={variant}
-      style={delay ? { transitionDelay: `${delay}ms` } : undefined}
+      style={combinedStyle}
       className={`reveal ${className}`}
+      {...rest}
     >
       {children}
     </Tag>