);
}
const NautilusMark = Wordmark;
function NavLink({href, children, scrolled}){
const [h, setH] = useState(false);
return (
setH(true)}
onMouseLeave={()=>setH(false)}
style={{
fontSize:13,
color: h ? 'var(--ink)' : (scrolled ? 'rgba(14,13,20,.85)' : 'var(--ink-soft)'),
position:'relative',padding:'4px 0',
transition:'color .2s ease',
}}>
{children}
);
}
function Nav(){
const scrolled = true;
return (
);
}
function CursorCompanion(){
const ref = useRef(null);
const trail = useRef({x:-100,y:-100,tx:-100,ty:-100});
useEffect(()=>{
const onMove = (e)=>{ trail.current.tx = e.clientX; trail.current.ty = e.clientY; };
window.addEventListener('mousemove', onMove);
let raf;
const tick = () => {
const t = trail.current;
t.x += (t.tx - t.x) * 0.18;
t.y += (t.ty - t.y) * 0.18;
if (ref.current) ref.current.style.transform = `translate3d(${t.x-10}px, ${t.y-10}px, 0)`;
raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return ()=>{ window.removeEventListener('mousemove', onMove); cancelAnimationFrame(raf); };
},[]);
return (
);
}
function ScrollProgress(){
const ref = useRef(null);
useEffect(()=>{
const onScroll = ()=>{
const max = document.documentElement.scrollHeight - window.innerHeight;
const p = max>0 ? window.scrollY / max : 0;
if (ref.current) ref.current.style.transform = `scaleX(${p})`;
};
onScroll();
window.addEventListener('scroll', onScroll, {passive:true});
return ()=>window.removeEventListener('scroll', onScroll);
},[]);
return (