Lavra.

• negocio que vende material físico elegido a ojo
• marca que quiere parecer revista, no tienda
• catálogo con pocas piezas de mucho valor
• cliente que acepta una pieza en 3D en el hero

• tienda con cientos de productos y filtros
• público con dispositivos antiguos sin WebGL (hay plan B, pero se pierde la pieza)
• marca infantil o colorida
• servicio sin un objeto que mostrar

Tono

Identidade

• Fundo cinza pó de mármore #d8d7d3; superfícies #cdccc7 e #c1bfb9. Nada de creme.
• Texto quase preto #121211; secundário #4d4b46 (contraste AA sobre o fundo).
• Ação preta chapada (primary); no hover vira laranja de tinta de pedreira #ff4f1a (accent), a cor que marca bloco na pedreira. O laranja também é o quadradinho do código de lote e o anel da amostra escolhida.
• Folhas de cor inteira: .lavra-verde (Verde Alpi #123027), .lavra-nero (#121211) e .lavra-tinta (a folha laranja da visita). Cada folha redefine --d-muted e --lavra-linha para o texto secundário ter o tom dela, nunca cinza.
• Fonte única: Geologica. Títulos com o eixo SHRP (cantos lavrados): .lavra-palavra 900 + SHRP 100 para a palavra gigante e os números do processo; .lavra-titulo 760 + SHRP 70. Texto em Geologica normal, números tabulares no design inteiro.
• Raio zero. Pedra é cortada em ângulo reto. Réguas de 1px em --lavra-linha. Sombra só na peça e nas chapas.

Regras

• Uma peça central por página, e ela é a pedra (objeto 3D escaneado de verdade, CC0; nunca foto de banco). Sem gradiente, glow ou vidro na interface.
• Laranja é tinta: marca, lote, hover, corte. Nunca fundo de card nem texto corrido (só a folha da visita).
• Títulos sem rótulo em cima (nada de kicker/eyebrow). Números só onde a ordem é informação (processo).
• Toda imagem de pedra vem do shader (yarn tsx scripts/lavra-texturas.ts gera public/lavra/*.webp). Chapa de cliente real: trocar pela foto da chapa, no mesmo formato 1280 × 760.
• Animação de rolagem só em CSS (animation-timeline); sem suporte, tudo aparece aberto e parado.

Adaptar à marca do cliente

• Trocar marca, hero.palavra e os textos; palavra curta (4 a 7 letras) cabe melhor na capa.
• Pedras do seletor: ajustar pedras em marmore.ts (cores base, nuvem, veio, frequência, turbulência, espessura) e a ficha em content.ts; regenerar as texturas com o script.
• Outra cor de folha: trocar --lavra-verde pela pedra mais forte do catálogo do cliente.
• Outro objeto: qualquer glTF CC0 do Poly Haven (polyhaven.com/models) entra no lugar do busto; ajustar ALTURA, CENTRO_Y e o chão em Busto.tsx. Marcenaria, joalheria: trocar o objeto e o material.