perf(movimento): vitrine e 3D mais leves, WebGL por software lembrado na sessão e suporte ao WebKit

app/globals.css

@@ -781,6 +781,12 @@ ol.ds-list {
   }
 }
 
+/* "Role para mergulhar" só vale com o mergulho: HeroField marca o hero com data-dive quando a cena 3D conduz a
+   rolagem. No hero estático (toque, aparelho fraco, WebGL por software, movimento reduzido) a dica some. */
+.hero:not([data-dive]) .hero-cue {
+  display: none;
+}
+
 .hero-cue-line {
   width: 56px;
   height: 1px;
@@ -1019,6 +1025,8 @@ html:active-view-transition body {
 
 ::view-transition-group(site-header) {
   animation: none;
+  /* as imagens "page" (a que sai e a que entra) cobrem a faixa do cabeçalho: sem isto ele sumia durante a troca */
+  z-index: 100;
 }
 
 /* biome-ignore lint/correctness/noUnknownTypeSelector: page é um nome de view-transition, não um elemento */