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/showcase-math.test.ts

@@ -1,50 +1,10 @@
 import {
   easeToward,
   locateInReel,
-  pickActiveCard,
   reelStarts,
   videoProgress,
 } from "./showcase-math";
 
-const card = (id: string, visible: boolean, distance: number) => ({
-  id,
-  visible,
-  distance,
-});
-
-describe("pickActiveCard", () => {
-  it("plays the visible card closest to the middle of the screen", () => {
-    expect(
-      pickActiveCard(
-        [card("a", true, 300), card("b", true, 80), card("c", false, 5)],
-        null,
-      ),
-    ).toBe("b");
-  });
-
-  it("lets the hovered card win over a closer one, but only while it is visible", () => {
-    const cards = [card("a", true, 10), card("b", true, 400)];
-    expect(pickActiveCard(cards, "b")).toBe("b");
-    expect(
-      pickActiveCard([card("a", true, 10), card("b", false, 0)], "b"),
-    ).toBe("a");
-  });
-
-  it("keeps the first card on a tie, so the left one of a row wins", () => {
-    expect(
-      pickActiveCard(
-        [card("left", true, 120), card("right", true, 120.3)],
-        null,
-      ),
-    ).toBe("left");
-  });
-
-  it("plays nothing when no card is on screen", () => {
-    expect(pickActiveCard([card("a", false, 0)], null)).toBeNull();
-    expect(pickActiveCard([], null)).toBeNull();
-  });
-});
-
 describe("locateInReel", () => {
   const weights = [1, 2, 1];