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

@@ -14,12 +14,14 @@ const deviceLabel: Record<Device, string> = {
  * Pôster com um botão de play. O vídeo só é montado, e só baixa, quando a pessoa aperta o botão:
  * antes disso a página mostra a imagem do site, não um vídeo parado em 0:00 com controles do navegador.
  * Vai dentro de um quadro com `position: relative` (moldura de navegador ou de celular) que dá o tamanho.
+ * `sizes` segue a grade de CaseMedia: a coluna da esquerda de um bloco de até 1040 px (88 vw da página abaixo de 1182 px)
+ * com a moldura do celular ao lado (220 px mais 32 px de vão); abaixo de 768 px, a largura da página menos 40 px.
  */
 export function CasePlayer({
   assets,
   title,
   device,
-  sizes = "(min-width: 1280px) 900px, 100vw",
+  sizes = "(min-width: 1182px) 788px, (min-width: 768px) calc(88vw - 252px), calc(100vw - 40px)",
 }: {
   assets: ShowcaseAssets;
   title: string;