/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ─── Landing page scroll-animation keyframes ─────────────────────────────── */

.lp-anim-pending {
  opacity: 0 !important;
}

@keyframes lp-fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes lp-slideUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-slideDown {
  from { opacity: 0; transform: translateY(-40px); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-slideLeft {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-slideRight {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-zoomIn {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-flipUp {
  from { opacity: 0; transform: perspective(600px) rotateX(15deg) translateY(20px); }
  to   { opacity: 1; transform: none; }
}

@keyframes lp-bounceIn {
  0%   { opacity: 0; transform: translateY(40px); }
  60%  { opacity: 1; transform: translateY(-8px); }
  80%  { transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}

@keyframes lp-blurIn {
  from { opacity: 0; filter: blur(10px); }
  to   { opacity: 1; filter: none; }
}