/* ==========================================================================
   ASSET POOLS LLC — SMOOTH PAGE ENTRANCE ANIMATIONS
   Pure CSS @keyframes — no overlay, no curtain, no flicker.
   Elements animate in automatically on every page load.
   ========================================================================== */

/* ── Core Keyframes ─────────────────────────────────────────────────────── */

@keyframes apFadeUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes apFadeDown {
  from { opacity: 0; transform: translateY(-28px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes apFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes apFadeLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes apFadeRight {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* ── Navbar: slides down from above ─────────────────────────────────────── */
.corporate-navbar-header,
.site-navbar-light {
  animation: apFadeDown 0.60s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}

/* ── Top utility bar: fades in ───────────────────────────────────────────── */
.top-utility-bar {
  animation: apFadeIn 0.50s ease 0.20s both;
}

/* ── Subpage banner: fades up ───────────────────────────────────────────── */
.subpage-banner {
  animation: apFadeUp 0.70s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

/* ── Hero section ───────────────────────────────────────────────────────── */
.hero-section,
section.hero,
[class*="hero-wrap"] {
  animation: apFadeUp 0.70s cubic-bezier(0.22, 1, 0.36, 1) 0.10s both;
}

/* ── Main content: fades up gently ─────────────────────────────────────── */
main {
  animation: apFadeUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
}

/* ── Footer: fades in last ──────────────────────────────────────────────── */
footer {
  animation: apFadeUp 0.60s cubic-bezier(0.22, 1, 0.36, 1) 0.30s both;
}

/* ── Floating dock: rises up ────────────────────────────────────────────── */
.floating-pool-dock {
  animation: apFadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
}

/* ── Respect reduced-motion: no animations at all ──────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .corporate-navbar-header,
  .site-navbar-light,
  .top-utility-bar,
  .subpage-banner,
  .hero-section,
  section.hero,
  [class*="hero-wrap"],
  main,
  footer,
  .floating-pool-dock {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}