perf(movimento): uma transição, 3D leve e vídeo certo por aparelho

Passagens com fade e 32 px, cena anterior termina em opacidade 0, sem visibility nem clip-path. 3D do hero como fundo ambiente, sob demanda e desligado em toque, aparelho fraco, saveData e movimento reduzido. Lenis fora do toque e salto direto em âncoras distantes. Vitrine só de clientes, até 3 capítulos, fixa só no desktop e carrossel no celular; vídeo só do projeto em cena com preload metadata. Rótulos mono a partir de 12 px e limão só no contato.

app/components/showcase/BrowserFrame.tsx

@@ -1,22 +1,27 @@
 import type { CSSProperties, ReactNode } from "react";
 
-/** Endereço mostrado na barra: o do site publicado, ou o do código quando não há demonstração. */
+/**
+ * Endereço mostrado na barra: o domínio real do site publicado (`demoUrl`). Sem demonstração, só o nome do
+ * projeto: o endereço do código nunca aparece (nada de github.com na interface).
+ */
 export function displayUrl(project: {
+  title?: string | null;
   demoUrl?: string | null;
-  githubUrl?: string | null;
 }): { text: string; secure: boolean } | null {
-  for (const raw of [project.demoUrl, project.githubUrl]) {
-    if (!raw) continue;
+  if (project.demoUrl) {
     try {
-      const url = new URL(raw);
-      const path = url.pathname === "/" ? "" : url.pathname.replace(/\/$/, "");
-      return {
-        text: `${url.host.replace(/^www\./, "")}${path}`,
-        secure: url.protocol === "https:",
-      };
+      const url = new URL(project.demoUrl);
+      if (!/(^|\.)github\.com$/i.test(url.hostname)) {
+        const path =
+          url.pathname === "/" ? "" : url.pathname.replace(/\/$/, "");
+        return {
+          text: `${url.host.replace(/^www\./, "")}${path}`,
+          secure: url.protocol === "https:",
+        };
+      }
     } catch {}
   }
-  return null;
+  return project.title ? { text: project.title, secure: false } : null;
 }
 
 /**