/* ============================================================================
   global.html · COLA DE POSICIONAMENTO dos 3 módulos novos.

   Isto NÃO é código de módulo — é só o encaixe de cada um no seu slot desta
   página. Os módulos (lettering-agua / globo-agua / gota-volumetrica) foram
   escritos para a .gcv-hero-band; dois deles foram realocados, e realocar
   um componente sempre cobra ajuste. Cada bloco abaixo diz o que cobrou.

   Carregar DEPOIS dos css dos módulos.
   ============================================================================ */


/* --- 1. LETTERING no hero, no lugar do eyebrow ------------------------------
   O módulo nasceu com z-index:-1 para o derrame de luz passar ATRÁS do
   blockquote da faixa. No hero isso é veneno: o .hero-water é um canvas
   posicionado, e z-index negativo joga a logo PRA TRÁS da água — ela some.
   Aqui o lockup é conteúdo, não ornamento: sobe pro fluxo normal.
   Também encolhe — no hero ele divide espaço com o <h1>, não é o protagonista. */
.hero .hero-lockup{
  z-index: 2;
  width: clamp(240px, 30vw, 360px);
  margin: 0 auto 20px;
}
/* o .inner do hero é o stacking context; garante que a logo fique acima da água */
.hero .inner{ position: relative; z-index: 2; }


/* --- 2. VÍDEO no slot da foto institucional (.split#grupo) ----------------
   Entrou no lugar do globo de água (21/07). O card já era 4/5, então o vídeo
   preenche sozinho — a cola aqui é só o poster, que cobre os ~200ms entre o
   layout e o primeiro frame: sem ele o card pisca no #06283F chapado do
   .photo e a seção "salta" na entrada do reveal. */
.photo-video{
  background: #06283F url("../video/grupo-mata.jpg") center/cover no-repeat;
}


/* --- 3. GOTA na .gcv-hero-band ----------------------------------------------
   Único que ficou no slot de origem — não precisa de cola.
   (mantido aqui só pra deixar explícito que a ausência é intencional) */