# Grade viva com troca de tema por classe — réguas, cruzetas e um lampejo

Mesma sessão. A moldura técnica que fica por cima do filme e nunca sai.

- **Quatro réguas de 1 px** em eixos declarados como variáveis —
  `5.3%`, `85.6%`, `5.3vw`, `calc(65.3% + 50px)` — desenhadas de
  `scaleX/scaleY(0)` a 1 em 1,15 s com atrasos escalonados de 0,2 a 0,4 s.
  `transform-origin` no topo para as verticais, na esquerda para as
  horizontais: a régua nasce do canto, não do meio.
- **Cruzetas de 16 px nos encontros**, entrando com escala 2,6 → 0,78 → 1,14 →
  1 em 0,72 s. Depois, um laço de 7 s em que 86% do tempo é repouso e o
  lampejo acontece nos últimos 14%: escala 1,55 girando 38°, depois 0,9 a 62°,
  depois 1,06 a 90°. Uma cruzeta que pisca o tempo todo lê como erro; uma que
  fica quieta e estala de vez em quando lê como instrumento.
- **Tema por uma classe só**: `.on-light` troca `color` da sobreposição
  inteira e dois tokens — régua de `#ffffff39` para `#1d1c192a`, cruzeta de
  `#ffffff86` para `#1d1c1957` — com `transition: color .42s linear`. Texto,
  marca, réguas e cruzetas viram juntos quando a cena por baixo clareia.
- **Conota**: régua fina e cruzeta de registro citam desenho técnico e prova
  de impressão. Sobre pintura a óleo, a moldura diz que aquilo ali é medido, e
  é o que separa a página de um livro de arte.