TIPO GRAFIA

O que faz isso parecer caro

• Zero biblioteca. Nenhum GSAP, nenhum Lenis, nenhum arquivo externo, nenhuma fonte de terceiro. É JavaScript comum com requestAnimationFrame num laço só.
• A cena já está viva no quadro zero. A abertura acontece sem ninguém rolar: a faixa neon começa esticada sobre a palavra inteira e recolhe como cortina. Depois dela ninguém fica parado, porque cada letra tem respiração própria em senoides fora de fase.
• Inércia independente de monitor. A perseguição do valor usa 1 - Math.exp(-k * dt) com o tempo entre quadros. Num monitor de 120 Hz a cena tem exatamente o mesmo arrasto que num de 60 Hz, e voltar de outra aba não dá salto.
• Só transform e opacity. Nada de mexer em largura, topo ou altura durante a animação, porque isso obriga o navegador a refazer o layout 60 vezes por segundo. Até a faixa que estica usa scaleY com um contrapeso invertido no eco.
• A rolagem continua sua. A galeria lateral prende o quadro, não o usuário: quando os painéis acabam, a página volta a rolar normalmente. Nada de scroll sequestrado.
• Movimento reduzido respeitado. Quem liga essa opção no sistema recebe a versão pôster: mesma composição, mesmo texto, sem um pixel se mexendo.

Peça de laboratório da ROO3. O texto todo é HTML de verdade, indexável e legível por leitor de tela: nenhuma palavra desta página existe apenas dentro de uma animação.