/* Colibri flottant (V50) — TOUTES les règles du bouton #col sont ici, à un seul endroit.
   (Avant : réparties en 8 endroits de site.css, avec des !important qui se contredisaient.)
   Il est composé de 3 calques (aile arrière, corps, aile avant) de même taille.
   À l'état de repos (0 %/100 % des keyframes) l'assemblage est identique à l'image d'origine. */
.colibri{position:fixed;right:6px;top:30%;width:72px;height:auto;z-index:55;
 pointer-events:auto;cursor:pointer;border:0;background:transparent;padding:0;overflow:visible;touch-action:manipulation;
 transition:top 1.6s cubic-bezier(.3,.7,.2,1),right 1.6s ease,scale .35s ease;
 animation:cin 2.6s cubic-bezier(.2,.8,.2,1) both}
.colibri:focus-visible{outline:3px solid #d1426b;outline-offset:5px;border-radius:40%}
@media(max-width:600px){.colibri{width:46px;right:2px}}

.ps-rig{position:relative;display:block;width:100%;aspect-ratio:163/180;pointer-events:none}
.ps-rig .ps-fly{position:absolute;inset:0;display:block;animation:ps-bob .36s ease-in-out infinite;will-change:transform}
.ps-rig .ps-l{position:absolute;left:0;top:0;width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none;user-select:none}
.ps-rig .ps-w{will-change:transform}
.ps-rig .ps-wf{transform-origin:57.7% 31.7%;animation:ps-flap-front .36s cubic-bezier(.45,.05,.55,.95) infinite}
.ps-rig .ps-wb{transform-origin:52.8% 28.3%;animation:ps-flap-back .36s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:-.012s}
/* traînée de mouvement : copies translucides légèrement en retard */
.ps-rig .ps-g{opacity:.24;animation-delay:-.05s;filter:blur(.6px)}
.ps-rig .ps-wb.ps-g{animation-delay:-.062s}

@keyframes ps-flap-front{
 0%,100%{transform:rotate(0deg) scale(1,1)}
 50%{transform:rotate(62deg) scale(.96,.78)}
}
@keyframes ps-flap-back{
 0%,100%{transform:rotate(0deg) scale(1,1)}
 50%{transform:rotate(70deg) scale(.96,.74)}
}
/* le corps monte très légèrement à la descente des ailes (portance) */
@keyframes ps-bob{
 0%,100%{transform:translateY(.6%) rotate(.4deg)}
 50%{transform:translateY(-.9%) rotate(-.5deg)}
}

/* Colibri flottant : l'ancienne animation de vol stationnaire passe sur l'ensemble */
#col .ps-rig{transform-origin:50% 60%;animation:hov 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 8px #0003)}
/* en déplacement (défilement) : battement plus rapide */
#col.ps-moving .ps-rig .ps-fly,#col.ps-moving .ps-rig .ps-wf,#col.ps-moving .ps-rig .ps-wb{animation-duration:.27s}

/* Mouvement réduit / mode calme : pose fixe d'origine, sans battement */
@media(prefers-reduced-motion:reduce){.ps-rig .ps-fly,.ps-rig .ps-w{animation:none!important}.ps-rig .ps-g{display:none}}
.calme .ps-rig .ps-fly,.calme .ps-rig .ps-w{animation:none!important}.calme .ps-rig .ps-g{display:none}