/* ============================================================
   VIGIL HOME — animações GSAP (2026-08-07)
   Estados INICIAIS dos elementos regidos pelo GSAP na home.
   A classe `gs` só entra no <html> (script inline no head) quando:
   JS ativo E sem prefers-reduced-motion E vendors carregados.
   Sem `gs`, nada aqui esconde conteúdo: página 100% visível.
   ============================================================ */

/* hero: a timeline sequencia eyebrow > linhas do H1 > sub > CTAs > notas > rodapé */
html.gs .hero .eyebrow,
html.gs .hero-sub,
html.gs .hero-ctas .btn,
html.gs .hero-note,
html.gs .hero-foot{opacity:0;}
/* H1: o GSAP assume o reveal do zero. transform:none é OBRIGATÓRIO: o
   translateY(112%) do CSS base viraria um componente `y` em pixels no cache
   do GSAP e a linha ficaria presa embaixo da máscara (bug de 07/08) */
html.gs .hero-h1 .reveal-line{transition:none;transform:none;opacity:0;}

/* números que guiam a gestão */
html.gs .prova-band .prova-head,
html.gs .prova-band .stat,
html.gs .prova-band .prova-foot{opacity:0;}

/* seção 01 — o que é a VIGIL */
html.gs .sec-vigil .card-product,
html.gs .sec-vigil .escada-band{opacity:0;}

/* ícones 3D da biblioteca vigil-assets: proporcionais à cifra
   (mesmo clamp do font-size do número, definido no index) */
.prova-band .stat-ic img{height:clamp(40px,4.6vw,56px);width:auto;display:block;}
