/* =============================================================================
 * cinematic-transition.css — versão SIMPLIFICADA (pin do GSAP DESATIVADO)
 *
 * Antes: tinha um sistema cinematográfico com pin do GSAP que segurava o scroll
 * por 100vh enquanto o cubo emergia de baixo sobrepondo a hero. Esse sistema
 * brigava com o scroll-snap manual (1 rolada = 1 tela) implementado em
 * index.html, causando jitter e travas.
 *
 * Agora: hero e material-demo são seções IRMÃS empilhadas verticalmente, cada
 * uma com 100vh. O scroll-snap manual leva o usuário de uma seção pra outra
 * com 1 rolada / swipe / tecla. Sem coreografia extra — o scroll natural já
 * faz a transição visual.
 *
 * As classes legadas (is-cinematic-pinned/done) e a CSS var --cine-progress
 * deixaram de existir nesse layout.
 * ============================================================================= */

/* ---------- Material-demo: section normal 100vh empilhada após a hero ---------- */

#material-demo, #caderno-vivo {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}
#material-demo > .wrap, #caderno-vivo > .wrap {
  width: 100%;
  margin: 0;
  padding: 24px 16px;
}

.hero-v2 {
  position: relative;
}