perf(movimento): sem tela vazia, passagens em CSS e vitrine leve

Projetos sobem sobre o palco do hero e o celular tem hero de uma tela sem mergulho; passagens com animation-timeline em CSS, sem GSAP nem motion; troca da vitrine sem texto duplicado; moldura de celular só com pôster e scrub reencodado em 960 px (9,4 para 5,2 MB); 3D monta na primeira interação e para quando parado; transição entre páginas do mesmo segmento; foco em anel duplo; texto de 15 px no celular; código morto removido.

app/components/showcase/ProjectLightbox.test.tsx

@@ -13,7 +13,7 @@ import {
   getShowcaseConfig,
   mobileFractionAt,
 } from "@/lib/project-showcase";
-import { ShowcaseProvider, useShowcaseCard } from "./ShowcaseProvider";
+import { ShowcaseProvider, useShowcaseOpen } from "./ShowcaseProvider";
 
 let reducedMotion = false;
 jest.mock("@/app/hooks/useReducedMotion", () => ({
@@ -21,11 +21,10 @@ jest.mock("@/app/hooks/useReducedMotion", () => ({
 }));
 
 function Card({ id }: { id: string }) {
-  const { frameRef, open } = useShowcaseCard(id);
+  const openProject = useShowcaseOpen();
   return (
     <article className="ds-card">
-      <div ref={frameRef} />
-      <button type="button" onClick={open}>
+      <button type="button" onClick={() => openProject(id)}>
         ampliar {id}
       </button>
     </article>