/* Jedyny system reveal: data-reveal + klasa .reveal dodawana przez JS */
[data-reveal]{
  transform: scale(0.01);
  opacity: 0;
  will-change: transform, opacity;
}

.reveal{
  animation: popIn 800ms cubic-bezier(.2,1,.3,1) forwards;
}

@keyframes popIn {
  0%   { transform: scale(0.01); opacity: 0; }
  40%  { transform: scale(1.02); opacity: 1; }
  50%  { transform: scale(0.99); opacity: 1; }
  55%  { transform: scale(1.01); opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
}
/* 
@keyframes popIn {
  0%   { transform: scale(0.01); opacity: 0; }
  50%  { transform: scale(1.04); opacity: 1; }
  60%  { transform: scale(0.96); opacity: 1; }
  70%  { transform: scale(1.01); opacity: 1; }
  100% { transform: scale(1);    opacity: 1; }
} */