/* =========================================================
   LIFE GROWTH DIGITAL - HUMMINGBIRD V2
   ========================================================= */
.lgb {
    position: absolute;
    top: 13%; right: 9%;
    width: 150px; height: 116px;
    z-index: 10;
    cursor: pointer;
    pointer-events: auto;
}
.lgb-move, .lgb-tilt { width: 100%; height: 100%; will-change: transform; }
.lgb-tilt { transform-origin: 62% 45%; }
.lgb-svg {
    width: 100%; height: 100%; display: block; overflow: visible;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.35)) drop-shadow(0 0 14px rgba(46, 230, 197, 0.25));
}
/* Soft light the bird carries with it on the dark hero */
.lgb-glow {
    position: absolute; left: 10%; top: 0; width: 80%; height: 90%;
    background: radial-gradient(closest-side, rgba(46, 230, 197, 0.18), rgba(46, 230, 197, 0));
    filter: blur(8px);
    pointer-events: none;
    animation: lgb-pulse 3.2s ease-in-out infinite;
}
@keyframes lgb-pulse { 0%, 100% { opacity: .55; transform: scale(.95); } 50% { opacity: 1; transform: scale(1.05); } }

/* Wings: hummingbird figure-of-eight beat, read as a shimmering blur */
.lgb-wing { transform-origin: 0 0; }
.lgb-wing-near { animation: lgb-beat 0.075s ease-in-out infinite alternate; }
.lgb-wing-far  { animation: lgb-beat-far 0.075s ease-in-out infinite alternate; }
@keyframes lgb-beat {
    from { transform: rotate(-14deg) scaleY(1); }
    to   { transform: rotate(58deg) scaleY(0.72); }
}
@keyframes lgb-beat-far {
    from { transform: rotate(-4deg) scaleY(0.95); }
    to   { transform: rotate(66deg) scaleY(0.7); }
}
.lgb-fan { animation: lgb-fan 0.15s linear infinite alternate; transform-origin: 0 0; }
@keyframes lgb-fan { from { opacity: .55; } to { opacity: .9; } }
.lgb-tail { transform-origin: 100px 122px; animation: lgb-tail 1.6s ease-in-out infinite; }
@keyframes lgb-tail { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(-5deg); } }

/* Click: a quick loop-the-loop */
.lgb.is-loop .lgb-tilt { animation: lgb-loop 0.9s cubic-bezier(.45, 0, .2, 1); }
@keyframes lgb-loop {
    0%   { transform: rotate(0deg) scale(1); }
    50%  { transform: rotate(-200deg) scale(1.15); }
    100% { transform: rotate(-360deg) scale(1); }
}

/* Small background birds: same silhouette, soft and slightly blurred for depth */
.mini-bird.lgb-mini svg { width: 100%; height: 100%; display: block; overflow: visible; }
.mini-bird.lgb-mini { color: #1ABC9C; opacity: .35; }
html.home-dark .mini-bird.lgb-mini { color: #2EE6C5; opacity: .22; filter: blur(0.6px); }

@media (max-width: 768px) {
    .lgb { width: 96px; height: 76px; top: 9%; right: 5%; }
}