/* Reference: steady torso, extended power stroke, folded recovery, then glide. */
.macaw-sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:30;width:100%;height:100%}
.macaw-flight{position:absolute;left:0;opacity:0;animation:macaw-cross var(--duration) linear var(--delay) both;will-change:transform}
.macaw-drawing{width:100%;filter:drop-shadow(0 2px 1.5px #26333d25)}
.angel-flight{width:108px}
.angel-wave{width:100%;animation:angel-wave var(--wave-cycle,7000ms) ease-in-out infinite;will-change:transform}
@keyframes angel-wave{0%,100%{transform:translateY(calc(-1 * var(--wave-height,60px)))}50%{transform:translateY(var(--wave-height,60px))}}
.angel-drawing{width:100%;filter:drop-shadow(0 2px 2px #392c3320)}
.angel-illustration{display:block;width:100%;height:auto;animation:angel-float 2.8s ease-in-out infinite}
@keyframes angel-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@media(max-width:700px){.macaw-flight.angel-flight{width:84px;max-width:84px}}
.macaw-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.macaw-wing{transform-box:view-box;transform-origin:140px 94px;animation:macaw-stroke var(--wing-cycle) cubic-bezier(.35,.05,.58,.95) var(--phase) infinite}
.macaw-wing-far{opacity:.76;transform-origin:139px 87px;animation-name:macaw-stroke-far}
.macaw-primaries{transform-box:view-box;transform-origin:112px 55px;animation:macaw-wrist var(--wing-cycle) ease-in-out var(--phase) infinite}
.macaw-anatomy{transform-box:view-box;transform-origin:143px 96px;animation:macaw-stable-body var(--wing-cycle) ease-in-out var(--phase) infinite}
.macaw-tail{transform-box:view-box;transform-origin:105px 104px;animation:macaw-steer var(--wing-cycle) ease-in-out var(--phase) infinite}
@keyframes macaw-cross{0.0000%{transform:translate3d(var(--x0),var(--y0),0);opacity:0}8.3333%{transform:translate3d(var(--x1),var(--y1),0);opacity:.96}16.6667%{transform:translate3d(var(--x2),var(--y2),0);opacity:.96}25.0000%{transform:translate3d(var(--x3),var(--y3),0);opacity:.96}33.3333%{transform:translate3d(var(--x4),var(--y4),0);opacity:.96}41.6667%{transform:translate3d(var(--x5),var(--y5),0);opacity:.96}50.0000%{transform:translate3d(var(--x6),var(--y6),0);opacity:.96}58.3333%{transform:translate3d(var(--x7),var(--y7),0);opacity:.96}66.6667%{transform:translate3d(var(--x8),var(--y8),0);opacity:.96}75.0000%{transform:translate3d(var(--x9),var(--y9),0);opacity:.96}83.3333%{transform:translate3d(var(--x10),var(--y10),0);opacity:.96}91.6667%{transform:translate3d(var(--x11),var(--y11),0);opacity:.96}100.0000%{transform:translate3d(var(--x12),var(--y12),0);opacity:0}}
@keyframes macaw-stroke{0%{transform:rotate(-8deg) scale(.82,.94) skewX(-5deg)}4%{transform:rotate(-1deg) scale(1.02,.16)}8%{transform:rotate(11deg) scale(1.06,-.88)}12%{transform:rotate(7deg) scale(.72,-.22) skewX(10deg)}17%{transform:rotate(-5deg) scale(.72,.6) skewX(-8deg)}20%{transform:rotate(-8deg) scale(.82,.94) skewX(-5deg)}24%{transform:rotate(-1deg) scale(1.02,.16)}28%{transform:rotate(11deg) scale(1.06,-.88)}32%{transform:rotate(7deg) scale(.72,-.22) skewX(10deg)}37%{transform:rotate(-5deg) scale(.72,.6) skewX(-8deg)}40%{transform:rotate(-8deg) scale(.82,.94) skewX(-5deg)}44%{transform:rotate(-1deg) scale(1.02,.16)}48%{transform:rotate(11deg) scale(1.06,-.88)}52%{transform:rotate(7deg) scale(.72,-.22) skewX(10deg)}57%{transform:rotate(-5deg) scale(.72,.6) skewX(-8deg)}60%{transform:rotate(-8deg) scale(.82,.94)}66%,91%{transform:rotate(1deg) scale(1,.16)}96%,100%{transform:rotate(-8deg) scale(.82,.94)}}
@keyframes macaw-stroke-far{0%{transform:rotate(-5deg) scale(.84,.80) skewX(-5deg)}4%{transform:rotate(1deg) scale(1,.12)}8%{transform:rotate(10deg) scale(1.02,-.77)}12%{transform:rotate(5deg) scale(.72,-.2) skewX(8deg)}17%{transform:rotate(-4deg) scale(.72,.48) skewX(-8deg)}20%{transform:rotate(-5deg) scale(.84,.80) skewX(-5deg)}24%{transform:rotate(1deg) scale(1,.12)}28%{transform:rotate(10deg) scale(1.02,-.77)}32%{transform:rotate(5deg) scale(.72,-.2) skewX(8deg)}37%{transform:rotate(-4deg) scale(.72,.48) skewX(-8deg)}40%{transform:rotate(-5deg) scale(.84,.80) skewX(-5deg)}44%{transform:rotate(1deg) scale(1,.12)}48%{transform:rotate(10deg) scale(1.02,-.77)}52%{transform:rotate(5deg) scale(.72,-.2) skewX(8deg)}57%{transform:rotate(-4deg) scale(.72,.48) skewX(-8deg)}60%{transform:rotate(-5deg) scale(.84,.8)}66%,91%{transform:rotate(1deg) scale(.98,.22)}96%,100%{transform:rotate(-5deg) scale(.84,.8)}}
@keyframes macaw-wrist{0%,20%,40%,60%,96%,100%{transform:rotate(-2deg) scaleX(.96)}4%,24%,44%{transform:rotate(1deg) scaleX(1)}8%,28%,48%{transform:rotate(7deg) scaleX(1.03)}12%,32%,52%{transform:rotate(16deg) scaleX(.85)}17%,37%,57%{transform:rotate(8deg) scaleX(.91)}66%,91%{transform:rotate(1deg) scaleX(1)}}
@keyframes macaw-stable-body{0%,20%,40%,60%,100%{transform:rotate(-.4deg) translateY(0)}8%,28%,48%{transform:rotate(.35deg) translateY(-.5px)}66%,91%{transform:rotate(-1deg) translateY(0)}}
@keyframes macaw-steer{0%,100%{transform:rotate(-.5deg)}35%{transform:rotate(.6deg)}66%,88%{transform:rotate(-1.2deg)}}
@media(prefers-reduced-motion:reduce){
 .macaw-sky:not(.macaws-enabled){display:none}
 .macaws-enabled .macaw-flight{animation:macaw-cross var(--duration) linear var(--delay) both!important}
 .macaws-enabled .macaw-wing{animation:macaw-stroke var(--wing-cycle) cubic-bezier(.35,.05,.58,.95) var(--phase) infinite!important}
 .macaws-enabled .macaw-wing-far{animation-name:macaw-stroke-far!important}
 .macaws-enabled .macaw-primaries{animation:macaw-wrist var(--wing-cycle) ease-in-out var(--phase) infinite!important}
 .macaws-enabled .macaw-anatomy{animation:macaw-stable-body var(--wing-cycle) ease-in-out var(--phase) infinite!important}
 .macaws-enabled .macaw-tail{animation:macaw-steer var(--wing-cycle) ease-in-out var(--phase) infinite!important}
}
@media(max-width:700px){.macaw-flight{max-width:48.6px}}
.macaw-toggle{display:block;margin:0 auto 20px;padding:8px 12px;border:1px solid var(--line,#afafaf);background:transparent;color:var(--muted,#695a57);font:inherit;font-size:10px;cursor:pointer}
.macaw-toggle:focus-visible{outline:2px solid #4f4f4f;outline-offset:3px}

/* Six distinct wing poses per color, with a steady head anchor. */
.macaw-photo{display:block;width:100%;aspect-ratio:1;background-image:url('/assets/scenery/macaw-six-frame-atlas.webp');background-size:600% 300%;background-position-x:0%;background-position-y:calc(var(--plumage-row)*50%);animation:macaw-photo-stroke var(--wing-cycle) steps(1,end) var(--phase) infinite}
/* Wings sweep through the power stroke first, then return on recovery. */
@keyframes macaw-photo-stroke{0%,20%,40%{background-position-x:0%}2.5%,22.5%,42.5%{background-position-x:100%}5%,25%,45%{background-position-x:80%}8%,28%,48%{background-position-x:60%}12.5%,32.5%,52.5%{background-position-x:40%}16.25%,36.25%,56.25%{background-position-x:20%}60%,92%{background-position-x:40%}94%{background-position-x:20%}97%,100%{background-position-x:0%}}

@media(prefers-reduced-motion:reduce){.macaws-enabled .macaw-photo{animation:macaw-photo-stroke var(--wing-cycle) steps(1,end) var(--phase) infinite!important}}