.fade-in-up {
  opacity: 0;
  transform: translateY(40px) scale(0.97); /* subtle scale for depth */
  filter: blur(2px);                       /* slight blur for elegance */
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1),
              opacity 1s cubic-bezier(0.77, 0, 0.175, 1),
              filter 1s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: transform, opacity, filter;
}

.fade-in-up.in-view {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);                        /* sharpens into place */
}