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/PhoneFrame.tsx

@@ -1,13 +1,16 @@
 import type { CSSProperties, ReactNode } from "react";
 
-/** Moldura de celular para o vídeo mobile (proporção 390x844 do vídeo; o recorte da tela segue a mesma conta). */
+/**
+ * Moldura de celular para o vídeo mobile (proporção 390x844 do vídeo; o recorte da tela segue a mesma conta).
+ * Sem filhos, a tela mostra só o pôster.
+ */
 export function PhoneFrame({
   children,
   poster,
   className = "",
   style,
 }: {
-  children: ReactNode;
+  children?: ReactNode;
   poster?: string;
   className?: string;
   style?: CSSProperties;