// page-work.jsx — full project index page.
const { useTweaks, loadTweaks, SITE_TWEAK_DEFAULTS, useSiteSetup, useReveal, useClock,
        Nav, SiteTweaks, SlimFooter, MagneticCursor, Work } = window;
function WorkApp() {
  const [t, setTweak] = useTweaks(loadTweaks(SITE_TWEAK_DEFAULTS));
  useSiteSetup(t);
  useReveal();
  useClock();
  return (
    <div className="site">
      {t.grain && <div className="grain" aria-hidden="true" />}
      <MagneticCursor enabled={t.cursor} />
      <Nav current="work" />
      <div style={{ paddingTop: '64px' }} key={t.workLayout}>
        <Work layout={t.workLayout} />
      </div>
      <SlimFooter current="work" />
      <SiteTweaks page="work" t={t} setTweak={setTweak} />
    </div>
  );
}
ReactDOM.createRoot(document.getElementById('root')).render(<WorkApp />);
window.initCurtain();