{/* Subtle grain */}

{/* Soft noise via SVG */} {children} {label && {label}}

); }; // Split text into chars/lines for animation const SplitText = ({ children, className = "" }) => ( {children} ); // Reveal observer hook const useReveal = () => { React.useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); }; const useScrolled = () => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 60); window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); return scrolled; }; Object.assign(window, { PerseraMark, Wordmark, Field, SplitText, useReveal, useScrolled });