.osd_header_logo {
  position: relative;
}

/* =========================
   BASE RAVEN STYLE
========================= */
.osd_header_logo::before,
.osd_header_logo::after,
.osd_header_logo img::before,
.osd_header_logo img::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  opacity: 0;
  pointer-events: none;
  background-image: url("/wp-content/uploads/2026/01/bird.png"); /* update if needed */
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}

/* =========================
   FLIGHT TRIGGERS
========================= */
.osd_header_logo:hover::before {
  animation: ravenA 2.6s ease-out forwards;
}

.osd_header_logo:hover::after {
  animation: ravenB 2.9s ease-out forwards;
}

.osd_header_logo:hover img::before {
  animation: ravenC 2.4s ease-out forwards;
}

.osd_header_logo:hover img::after {
  animation: ravenD 3.1s ease-out forwards;
}

/* =========================
   FLIGHT PATHS
========================= */

/* LEFT */
@keyframes ravenA {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-220px, -260px) scale(0.6);
  }
}

/* RIGHT (FLIPPED) */
@keyframes ravenB {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.85) scaleX(-1);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(260px, -240px) scale(0.55) scaleX(-1);
  }
}

/* LEFT (HIGH) */
@keyframes ravenC {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-160px, -340px) scale(0.5);
  }
}

/* RIGHT (HIGH, FLIPPED) */
@keyframes ravenD {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8) scaleX(-1);
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(190px, -380px) scale(0.5) scaleX(-1);
  }
}