feat(cases): prova certa por serviço, páginas internas com trabalho no topo

Diagnóstico sem case que não cabe; desktop com o GCC Installer como projeto próprio; IoT com o Twins Lab e a nota da Apolo. Mosaico de pôsteres em /servicos e /cases, faixa baixa em uma coluna no currículo, privacidade e laboratório; Laboratório como lista compacta; SEV começando por catálogo, pedido no WhatsApp e painel; Joinville e SC nos títulos; imagens do LCP com fetchPriority e sizes reais; pré-carregamento só no hover; 404 com Open Graph próprio.

app/cases/_components/CaseHero.tsx

@@ -1,8 +1,9 @@
 import { Breadcrumb } from "@/app/components/Breadcrumb";
 import { pageTop } from "@/app/components/button-styles";
 import type { CaseStudyContent } from "@/lib/site-content";
-import { CaseCover } from "./CaseCover";
+import { CaseCover, coverSizes } from "./CaseCover";
 import { getCaseMedia } from "./case-media";
+import { compactHero } from "./hero-styles";
 
 /** Fatos verificáveis do projeto. Sem nenhum, a lista não aparece. */
 function CaseFacts({ facts }: { facts?: string[] }) {
@@ -28,7 +29,7 @@ function CaseHeroCover({ caseStudy }: { caseStudy: CaseStudyContent }) {
         id={caseStudy.id}
         title={caseStudy.title}
         demoUrl={caseStudy.demoUrl}
-        sizes="(min-width: 1024px) 560px, 100vw"
+        sizes={coverSizes.hero}
         priority
       />
     </div>
@@ -37,7 +38,7 @@ function CaseHeroCover({ caseStudy }: { caseStudy: CaseStudyContent }) {
 
 /**
  * Topo do case: trilha, título, resumo e fatos. Com captura gravada, o texto fica à esquerda e o pôster à direita;
- * no celular a mídia vem logo abaixo do título.
+ * no celular a mídia vem logo abaixo do título. Sem captura, o topo é uma coluna só e mais baixo.
  */
 export function CaseHero({
   caseStudy,
@@ -49,7 +50,11 @@ export function CaseHero({
   const hasMedia = Boolean(getCaseMedia(caseStudy.id, "desktop"));
 
   return (
-    <section className={`ds-section ds-section-dark ${pageTop}`}>
+    <section
+      className={`ds-section ds-section-dark ${pageTop} ${
+        hasMedia ? "" : compactHero
+      }`}
+    >
       <div
         className={`ds-section-shell ${
           hasMedia