/* ============================================================
   reveal: entrada por scroll de textos y bloques (fade + subida),
   misma curva y desplazamiento que la pantalla 02 del efecto blur.
   Solo actua con JS (html.rv-on); sin JS todo se ve directamente.
   Uso: class="rv" y opcionalmente style="--i:N" para escalonar.
   ============================================================ */
.rv-on .rv{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
  transition-delay:calc(var(--i,0) * 90ms);
  will-change:opacity,transform;
}
.rv-on .rv.is-in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  .rv-on .rv{opacity:1;transform:none;transition:none;will-change:auto;}
}