perf(movimento): sem tempo morto, vídeos regravados e 3D sem React Three Fiber

Legenda do mergulho até Projetos cobrir a cena; transição de página sem blur e com fundo escuro; foco no conteúdo ao trocar de página; listas com marcador e dois pesos de título; vídeos da SEV e da SC Plus regravados sem quadros brancos; scrub a 12-15 fps (-30%); vitrine com uma parada de Tab e setas, contador no celular e CSS sob demanda; âncoras num módulo só (fragment-nav); FramePulse com setInterval; CSS morto removido.

app/components/showcase/ShowcaseProvider.tsx

@@ -3,6 +3,7 @@
 import {
   createContext,
   type ReactNode,
+  Suspense,
   useCallback,
   useContext,
   useMemo,
@@ -10,7 +11,7 @@ import {
 } from "react";
 import type { PortfolioProjectView } from "@/lib/portfolio-data";
 import { SHOWCASE, type ShowcaseConfig } from "@/lib/project-showcase";
-import { ProjectLightbox } from "./ProjectLightbox";
+import { ProjectLightboxLazy } from "./ProjectLightboxLazy";
 
 export interface ShowcaseItem {
   config: ShowcaseConfig;
@@ -71,12 +72,14 @@ export function ShowcaseProvider({
     <ApiContext.Provider value={api}>
       {children}
       {openIndex >= 0 && (
-        <ProjectLightbox
-          items={items}
-          index={openIndex}
-          onClose={() => setOpenId(null)}
-          onNavigate={(index) => setOpenId(items[index]?.config.id ?? null)}
-        />
+        <Suspense fallback={null}>
+          <ProjectLightboxLazy
+            items={items}
+            index={openIndex}
+            onClose={() => setOpenId(null)}
+            onNavigate={(index) => setOpenId(items[index]?.config.id ?? null)}
+          />
+        </Suspense>
       )}
     </ApiContext.Provider>
   );