feat(site): blocos 3D da marca, novas ofertas e hero mais abrangente

Hero e movimento
- cena 3D em tempo real com os blocos da marca (kit feito no Blender, 3d/blocos.py):
  marca, tela, integrações e dados; segue a rolagem, tem vida em repouso, reage ao
  cursor e, parada no topo, passa sozinha pelos estados com legenda
- três níveis de aparelho (full, lite, static); sem WebGL fica o pôster
- título novo: "Sites e sistemas sob medida para o jeito que a sua empresa trabalha."
- faixa de clientes com o ramo, linha do primeiro passo, hero alinhado às seções
- rótulos digitados, entrada dos blocos, cortina de blocos entre páginas e capa
  compartilhada entre a lista de cases e o case

Ofertas
- atendimento no WhatsApp com IA e nota fiscal para a reforma tributária
  (páginas de serviço, cartões da home, formulário e aviso com data de validade)
- página /ia atualizada, com fontes
- peças 3D em loop nos cartões e topos de página (3d/pecas.py)

Design
- hover por papel (bloco nos botões, barra nos links), rótulos sem caixa alta
- um destino por rótulo: "Falar sobre meu projeto" leva ao formulário,
  "Chamar no WhatsApp" abre o WhatsApp
- logo montado em blocos, 404 redesenhado, grades sem célula vazia
- ícones do PWA e manifesto novos

Specs em specs/, contexto de design em DESIGN.md e PRODUCT.md.

app/curriculo/page.tsx

@@ -1,8 +1,18 @@
 import type { Metadata } from "next";
-import { compactHero } from "@/app/cases/_components/hero-styles";
+import {
+  compactHero,
+  heroWithMediaGrid,
+} from "@/app/cases/_components/hero-styles";
 import { Breadcrumb } from "@/app/components/Breadcrumb";
-import { pageTop } from "@/app/components/button-styles";
+import {
+  pageTop,
+  primaryButton,
+  secondaryButtonDark,
+  textLinkDark,
+} from "@/app/components/button-styles";
+import { CONTACT_FORM_HASH } from "@/app/components/contact-subject";
 import HoverPrefetchLink from "@/app/components/HoverPrefetchLink";
+import { PagePiece } from "@/app/components/PagePiece";
 import { safeJsonLd } from "@/lib/jsonld";
 import { portfolio } from "@/lib/portfolio-data";
 import {
@@ -47,39 +57,38 @@ export default function CurriculoPage() {
       <section
         className={`ds-section ds-section-dark ${pageTop} ${compactHero}`}
       >
-        <div className="ds-section-shell">
-          <Breadcrumb
-            items={[
-              { label: "Início", href: "/" },
-              { label: "Currículo", href: "/curriculo" },
-            ]}
-          />
-          <p className="ds-eyebrow">Currículo profissional</p>
-          <h1 className="ds-section-title text-white">
-            Engenheiro da Computação e Desenvolvedor de Software.
-          </h1>
-          <p className="ds-copy max-w-[70ch] !text-[rgba(255,255,255,.78)]">
-            Garuva e Joinville (SC) · atendimento remoto em todo o Brasil. Este
-            currículo reúne experiência profissional, formação e competências
-            técnicas para avaliação de contratação.
-          </p>
-          <div className="mt-sp-6 flex flex-wrap gap-sp-3">
-            <HoverPrefetchLink
-              className="ds-link ds-link-accent"
-              href="/#contact"
-            >
-              {buttonLabels.contact}
-            </HoverPrefetchLink>
-            <CvDownloadLink className="ds-link ds-link-muted">
-              Baixar currículo em PDF
-            </CvDownloadLink>
-            <HoverPrefetchLink
-              className="ds-link ds-link-text"
-              href="/servicos"
-            >
-              Procurando consultoria? Ver serviços
-            </HoverPrefetchLink>
+        <div className={`ds-section-shell ${heroWithMediaGrid}`}>
+          <div className="min-w-0">
+            <Breadcrumb
+              items={[
+                { label: "Início", href: "/" },
+                { label: "Currículo", href: "/curriculo" },
+              ]}
+            />
+            <h1 className="ds-section-title text-white">
+              Engenheiro da Computação e Desenvolvedor de Software.
+            </h1>
+            <p className="ds-copy max-w-[70ch] !text-[rgba(255,255,255,.78)]">
+              Garuva e Joinville (SC) · atendimento remoto em todo o Brasil.
+              Este currículo reúne experiência profissional, formação e
+              competências técnicas para avaliação de contratação.
+            </p>
+            <div className="mt-sp-6 flex flex-wrap items-center gap-sp-3">
+              <HoverPrefetchLink
+                className={primaryButton}
+                href={`/${CONTACT_FORM_HASH}`}
+              >
+                {buttonLabels.contact}
+              </HoverPrefetchLink>
+              <CvDownloadLink className={secondaryButtonDark}>
+                Baixar currículo em PDF
+              </CvDownloadLink>
+              <HoverPrefetchLink className={textLinkDark} href="/servicos">
+                Procurando consultoria? Ver serviços
+              </HoverPrefetchLink>
+            </div>
           </div>
+          <PagePiece image="/3d/estado-integracoes.webp" />
         </div>
       </section>
 
@@ -101,7 +110,7 @@ export default function CurriculoPage() {
                     <li key={achievement}>{achievement}</li>
                   ))}
                 </ul>
-                <ul className="ds-tags mt-sp-6">
+                <ul className="ds-tags !mt-sp-6">
                   {experience.technologies.map((technology) => (
                     <li key={technology} className="ds-tag">
                       {technology}
@@ -121,7 +130,7 @@ export default function CurriculoPage() {
             {portfolio.skills.technical.map((category) => (
               <article key={category.category} className="ds-card">
                 <h3 className="ds-card-title">{category.category}</h3>
-                <ul className="ds-tags mt-sp-5">
+                <ul className="ds-tags !mt-sp-5">
                   {category.skills.map((skill) => (
                     <li key={skill} className="ds-tag">
                       {skill}