/* ============================================================
   BILL BRIDGE RCM — Animations
   All @keyframes and animation definitions
   ============================================================ */

/* ── HERO TYPOGRAPHY ── */
@keyframes lineReveal {
  from {
    transform: translateY(110%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── HERO ATMOSPHERE ── */

/* Architectural image layer — imperceptibly slow scale drift, cinematic quality */
@keyframes imgLayerDrift {
  0% {
    transform: scale(1) translate(0, 0);
  }

  33% {
    transform: scale(1.008) translate(-4px, 2px);
  }

  66% {
    transform: scale(1.012) translate(3px, -3px);
  }

  100% {
    transform: scale(1.006) translate(-2px, 4px);
  }
}

@keyframes grainShift {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: -30px 18px;
  }

  100% {
    background-position: 0 0;
  }
}

/* Cinematic angled beam — barely moves, like cloud-diffused studio light */
@keyframes beamDrift {
  0% {
    opacity: 0.7;
    transform: rotate(0deg) translateX(0);
  }

  50% {
    opacity: 1;
    transform: rotate(0.4deg) translateX(6px);
  }

  100% {
    opacity: 0.85;
    transform: rotate(-0.3deg) translateX(-4px);
  }
}

/* Left-side atmospheric glow layers — ultra slow, environmental, non-distracting */
@keyframes leftGoldPulse {
  0% {
    opacity: 0.72;
    transform: scale(1) translate(0, 0);
  }

  40% {
    opacity: 0.88;
    transform: scale(1.04) translate(8px, -5px);
  }

  100% {
    opacity: 0.78;
    transform: scale(1.06) translate(5px, 3px);
  }
}

@keyframes leftSageDrift {
  0% {
    opacity: 0.75;
    transform: translate(0, 0) scale(1);
  }

  60% {
    opacity: 0.92;
    transform: translate(-7px, 10px) scale(1.03);
  }

  100% {
    opacity: 0.8;
    transform: translate(4px, 8px) scale(1.05);
  }
}

@keyframes hazeDrift {
  0% {
    opacity: 0.7;
    transform: translate(0, 0) scale(1);
  }

  50% {
    opacity: 0.95;
    transform: translate(8px, -6px) scale(1.06);
  }

  100% {
    opacity: 0.78;
    transform: translate(-5px, 4px) scale(1.04);
  }
}

/* Focal brightness breath — imperceptibly slow, like changing natural light */
@keyframes focalBreath {
  0% {
    opacity: 0.65;
    transform: scale(1) translate(0, 0);
  }

  50% {
    opacity: 0.9;
    transform: scale(1.05) translate(6px, -4px);
  }

  100% {
    opacity: 0.72;
    transform: scale(1.02) translate(-3px, 6px);
  }
}

/* Ambient orbs — reduced travel, very slow, calming */
@keyframes orb1Drift {
  0% {
    transform: translate(0, 0) scale(1);
  }

  100% {
    transform: translate(10px, 8px) scale(1.02);
  }
}

@keyframes orb2Drift {
  0% {
    transform: translate(0, 0) scale(1);
  }

  100% {
    transform: translate(-8px, -10px) scale(1.02);
  }
}

@keyframes orb3Drift {
  0% {
    transform: translate(0, 0) scale(1);
  }

  100% {
    transform: translate(6px, -5px) scale(0.98);
  }
}

/* ── HERO PANEL ── */
@keyframes panelGlow {
  from {
    opacity: 0.6;
    transform: scale(1);
  }

  to {
    opacity: 0.9;
    transform: scale(1.08);
  }
}

/* ── CHIPS ── */
@keyframes chipFloat {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-5px);
  }
}

/* ── TRUST BAR ── */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* ── REDUCED MOTION ── */
@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}