/* An original pixel pal peers over the lid; the physical frame hides its body. */
.mac-peeker{position:absolute;z-index:1;top:-48px;left:22%;width:58px;height:65px;animation:mac-peek 12s var(--ease) infinite;pointer-events:none}
.pixel-pal{display:block;width:100%;height:100%;filter:drop-shadow(1px 2px 0 #23455344)}
.pixel-pal-eyes{animation:pixel-blink 7s steps(1) infinite;transform-origin:16px 17px}
@keyframes pixel-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.25)}}
@keyframes mac-peek{0%,12%,92%,100%{transform:translateY(54px)}25%,45%{transform:translateY(0)}58%,77%{transform:translateY(-5px)}}
/* Four passengers enter gradually, alternating gutters. Only scroll schedules JS. */
.parachute-art{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}
.parachute-duck{position:fixed;z-index:20;top:0;left:0;width:54px;height:79px;opacity:0;pointer-events:none;will-change:transform}
.parachute-rig{position:relative;width:100%;height:100%;transform-origin:50% 8%;animation:canopy-sway 5s ease-in-out infinite;animation-play-state:paused}
.is-flying .parachute-rig{animation-play-state:running}
.duck-canopy{position:absolute;top:0;left:0;width:100%;height:auto;filter:drop-shadow(0 2px 2px #092b4540);transform-origin:50% 100%}
.parachute-passenger{position:absolute;bottom:0;left:8px;width:38px;height:38px;transform:scaleX(-1);filter:drop-shadow(0 2px 2px #092b4530)}
[data-flight="1"] .parachute-passenger{transform:none}

[data-flight="3"] .parachute-passenger{transform:none}
[data-flight="1"] .duck-canopy{filter:hue-rotate(28deg) drop-shadow(0 2px 2px #092b4540)}
[data-flight="2"] .duck-canopy{filter:hue-rotate(-22deg) drop-shadow(0 2px 2px #092b4540)}
[data-flight="3"] .duck-canopy{filter:hue-rotate(65deg) drop-shadow(0 2px 2px #092b4540)}
[data-flight="1"] .parachute-rig{animation-delay:-1.3s}[data-flight="2"] .parachute-rig{animation-delay:-2.6s}[data-flight="3"] .parachute-rig{animation-delay:-3.7s}
.has-landed .parachute-rig{animation:none;transform:none}
@keyframes canopy-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
html[data-motion=paused] :is(.mac-peeker,.pixel-pal-eyes,.parachute-rig),html[data-visible=false] :is(.mac-peeker,.pixel-pal-eyes,.parachute-rig),[data-scene-active=false] :is(.mac-peeker,.pixel-pal-eyes){animation-play-state:paused!important}
@media(min-width:1121px) and (max-width:1399px){.parachute-duck{width:40px;height:60px}.parachute-passenger{left:6px;width:28px;height:28px}}
@media(min-width:900px) and (max-width:1120px){.parachute-duck{width:28px;height:43px}.parachute-passenger{left:3px;width:22px;height:22px}}
@media(max-width:899px){.parachute-duck{width:22px;height:35px}.parachute-passenger{left:2px;width:18px;height:18px}.mac-peeker{width:44px;height:50px;top:-36px}}
@media(prefers-reduced-motion:reduce){.parachute-duck{display:none}.mac-peeker,.pixel-pal-eyes{animation:none;transform:none}}

.parachute-feathers{display:block;width:100%;height:100%;background:url('/assets/footer-ducks-v35.png') 0 0 / 200% 200% no-repeat;transform-origin:50% 90%}
[data-flight="1"] .parachute-feathers{background-position:100% 0}
[data-flight="2"] .parachute-feathers{background-position:0 100%}
[data-flight="3"] .parachute-feathers{background-position:100% 100%}
.has-landed .parachute-feathers{animation:duck-waddle 680ms ease-in-out infinite}
html[data-motion=paused] .parachute-feathers,html[data-visible=false] .parachute-feathers{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.parachute-feathers{animation:none!important}}