/* =====================================================
   TRAVEL DIARY — flip.css
   Only page content (photos, text) fades.
   Page textures swap instantly via .on-top in JS.
   ===================================================== */

.page-half.flipping > .page-content {
  animation: contentFade 0.6s ease-in-out forwards;
}

@keyframes contentFade {
  0%   { opacity: 1; }
  45%  { opacity: 0; }
  55%  { opacity: 0; }
  100% { opacity: 1; }
}