);
}
function NavLogo() {
const isMobile = useIsMobile();
return (
{e.preventDefault();go('');}} style={{ display:'flex', alignItems:'center', textDecoration:'none' }}>
);
}
function Header({ route }) {
const { Button } = window.DesignSystem_494066;
const { nav, more } = window.OTL_DATA;
const [openMore, setOpenMore] = React.useState(false);
const [scrolled, setScrolled] = React.useState(false);
const [mobileOpen, setMobileOpen] = React.useState(false);
const isMobile = useIsMobile();
const moreActive = more.some(m => m.route === route);
React.useEffect(() => { setMobileOpen(false); setOpenMore(false); }, [route]);
React.useEffect(() => {
const on = () => setScrolled(window.scrollY > 12);
on(); window.addEventListener('scroll', on, { passive:true });
return () => window.removeEventListener('scroll', on);
}, []);
React.useEffect(() => {
document.body.style.overflow = mobileOpen ? 'hidden' : '';
return () => { document.body.style.overflow = ''; };
}, [mobileOpen]);
const link = (item) => {
const active = item.route === route;
return (
{e.preventDefault(); e.currentTarget.style.color='#fff'; go(item.route);}}
style={{
fontFamily:'var(--font-display)', fontWeight:700, fontSize:12.5,
letterSpacing:'0.04em', textTransform:'uppercase', textDecoration:'none',
color: '#fff',
borderBottom: active ? '2px solid var(--accent)' : '2px solid transparent',
paddingBottom:4, whiteSpace:'nowrap', transition:'color .2s',
}}
onMouseEnter={(e)=>{ if(!active) e.currentTarget.style.color='var(--accent)'; }}
onMouseLeave={(e)=>{ if(!active) e.currentTarget.style.color='#fff'; }}
>{item.label}
);
};
const allNav = [...nav, ...more];
return (