// CareersPage.jsx const CareersHero = () => { const t = useT(); return (
); }; const PrincipleCard = ({ num, index, label, body, total }) => { const ref = React.useRef(null); const videoRef = React.useRef(null); const hlsRef = React.useRef(null); const [visible, setVisible] = React.useState(false); const [hover, setHover] = React.useState(false); const [videoReady, setVideoReady] = React.useState(false); React.useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { setVisible(true); io.unobserve(e.target); } }); }, { threshold: 0.18, rootMargin: '0px 0px -10% 0px' }); io.observe(el); return () => io.disconnect(); }, []); const ensureVideo = React.useCallback(() => { const video = videoRef.current; if (!video || hlsRef.current || video.src || videoReady) return; const src = 'https://stream.mux.com/s8pMcOvMQXc4GD6AX4e1o01xFogFxipmuKltNfSYza0200.m3u8'; const nativeHls = video.canPlayType('application/vnd.apple.mpegurl') === 'probably' || video.canPlayType('application/vnd.apple.mpegurl') === 'maybe'; if (nativeHls) { video.src = src; setVideoReady(true); } else if (window.Hls && window.Hls.isSupported()) { const hls = new window.Hls({ enableWorker: true, lowLatencyMode: false }); hls.loadSource(src); hls.attachMedia(video); hls.on(window.Hls.Events.MANIFEST_PARSED, () => setVideoReady(true)); hlsRef.current = hls; } else { video.src = src; setVideoReady(true); } }, [videoReady]); React.useEffect(() => () => { if (hlsRef.current) { try { hlsRef.current.destroy(); } catch(e){} hlsRef.current = null; } }, []); React.useEffect(() => { const v = videoRef.current; if (!v) return; if (hover) { ensureVideo(); const p = v.play(); if (p && p.catch) p.catch(() => {}); } else { v.pause(); } }, [hover, ensureVideo]); const col = index % 2; const row = Math.floor(index / 2); const isLastRow = row === Math.floor((total - 1) / 2); return (
setHover(true)} onMouseLeave={() => setHover(false)} style={{ position: 'relative', overflow: 'hidden', padding: '44px 40px 48px', minHeight: 260, borderRight: col === 0 ? '1px solid rgba(255,255,255,0.08)' : 'none', borderBottom: !isLastRow ? '1px solid rgba(255,255,255,0.08)' : 'none', opacity: visible ? 1 : 0, transform: visible ? 'translateY(0)' : 'translateY(24px)', transition: `opacity 700ms cubic-bezier(0.22,1,0.36,1) ${index * 80}ms, transform 700ms cubic-bezier(0.22,1,0.36,1) ${index * 80}ms`, }} >
); }; const CareersWhy = () => { const t = useT(); const items = [ { label: t('careers.principles.1.title'), body: t('careers.principles.1.body') }, { label: t('careers.principles.2.title'), body: t('careers.principles.2.body') }, { label: t('careers.principles.3.title'), body: t('careers.principles.3.body') }, { label: t('careers.principles.4.title'), body: t('careers.principles.4.body') }, { label: t('careers.principles.5.title'), body: t('careers.principles.5.body') }, { label: t('careers.principles.6.title'), body: t('careers.principles.6.body') }, { label: t('careers.principles.7.title'), body: t('careers.principles.7.body') }, { label: t('careers.principles.8.title'), body: t('careers.principles.8.body') }, ]; return (
{t('careers.principles.eyebrow')}

{t('careers.principles.title.a')}
{t('careers.principles.title.b')}{t('careers.principles.title.em')}{t('careers.principles.title.c')}

{t('careers.principles.intro')}

{items.map((it, i) => { const num = String(i + 1); return ; })}
); }; const CareersRoles = () => { const t = useT(); const roles = [ { title: t('careers.roles.1'), id: 'R-01', href: 'https://scythe-pint-825.notion.site/Head-of-Energy-Investments-347a781a4c68804aa6b9cc4a89c08fc9?pvs=74' }, { title: t('careers.roles.2'), id: 'R-02', href: 'https://scythe-pint-825.notion.site/Head-of-Energy-Project-Development-347a781a4c68800c8cacf1a40a209b6a' }, { title: t('careers.roles.3'), id: 'R-03', href: 'https://scythe-pint-825.notion.site/Business-Development-Manager-Grid-347a781a4c6880c2992cc6d623276e5f?pvs=73' }, { title: t('careers.roles.4'), id: 'R-04', href: 'https://scythe-pint-825.notion.site/Founder-Associate-Intern-347a781a4c688080acddf67b69d70a12?pvs=73' }, { title: t('careers.roles.5'), id: 'R-05', href: 'https://scythe-pint-825.notion.site/executive-assistant?pvs=73' }, ]; return (
{t('careers.roles.eyebrow')}

{t('careers.roles.title.a')}
{t('careers.roles.title.b')}{t('careers.roles.title.em')}{t('careers.roles.title.c')}

{roles.map((r, i) => ( { e.currentTarget.style.paddingLeft = '16px'; }} onMouseOut={e => { e.currentTarget.style.paddingLeft = '0'; }} >
{r.title}
{t('careers.roles.details')}
 ))}
{t('careers.roles.footnote')}
); }; const CareersProcess = () => { const t = useT(); const steps = [ { title: t('careers.process.1.title'), body: t('careers.process.1.body') }, { title: t('careers.process.2.title'), body: t('careers.process.2.body') }, { title: t('careers.process.3.title'), body: t('careers.process.3.body') }, { title: t('careers.process.4.title'), body: t('careers.process.4.body') }, ]; return (
{t('careers.process.eyebrow')}

{t('careers.process.title.a')}
{t('careers.process.title.em')}{t('careers.process.title.b')}

{t('careers.process.intro')}

{steps.map((s, i) => { const num = String(i + 1); return ; })}
); }; const CareersApply = () => { const t = useT(); return (
{t('careers.apply.eyebrow')}

{t('careers.apply.title.a')}{t('careers.apply.title.em')}{t('careers.apply.title.b')}

{t('careers.apply.body')}

{ e.currentTarget.style.borderColor = 'rgba(255,255,255,0.5)'; e.currentTarget.style.letterSpacing = '2.4px'; }} onMouseOut={e => { e.currentTarget.style.borderColor = 'rgba(255,255,255,0.14)'; e.currentTarget.style.letterSpacing = '1.6px'; }} > {t('careers.apply.cta')}
); }; const CareersPage = ({ go }) => { return ( <> ); }; window.CareersPage = CareersPage;