/* Camada 3D (js/fantie-3d.js). Só vale quando o módulo liga: sem WebGL, a página fica como antes. */
.fx-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; pointer-events: none; }

/* Abertura: a poeira fica sobre a fachada e embaixo do texto. */
.hero .fx-abertura { z-index: 2; }
@media (max-width: 899px) {
  .hero .fx-abertura { z-index: 3; }
}

/* Manifesto: a poeira fica entre o B decorativo e o texto. */
.manifesto .fx-poeira { z-index: 1; }

/* Universos: o canvas desenha as cenas com a transição líquida; as camadas do DOM ficam por baixo, invisíveis. */
.u-cenas .u-gl { z-index: 5; }
.u-cenas.tem-gl .u-cena { opacity: 0 !important; }