/* Private motion study. Original site styles and content are untouched. */
.wildlife-section { position: relative; }
.wildlife-window { position: absolute; left: 0; width: 100%; visibility: hidden; pointer-events: none; }
.wildlife-stage { position: absolute; inset: 0; overflow: clip; pointer-events: none; contain: paint; }
.wildlife-stage * { pointer-events: none !important; }
.wildlife-animal { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transform-origin: center; }
.wildlife-animal svg { display: block; width: 100%; height: 100%; overflow: visible; }
.wildlife-animal.is-visible { visibility: visible; will-change: transform, opacity; }
.wildlife-jay { width: 113.4px; height: 71.82px; }
.wildlife-monarch { width: 45.9px; height: 41.31px; }
.wildlife-fox { width: 178.2px; height: 89.1px; }
.wildlife-dragonfly { width: 97.2px; height: 57.4425px; }
.wildlife-chipmunk { width: 117.45px; height: 71.307px; }
.wildlife-animal .wing, .wildlife-animal .leg, .wildlife-animal .tail { animation-play-state: paused; }
.wildlife-animal.is-moving .wing, .wildlife-animal.is-moving .leg, .wildlife-animal.is-moving .tail { animation-play-state: running; }
.jay-wing { transform-origin: 51px 35px; animation: jay-wing .72s ease-in-out infinite alternate; }
.monarch-wing { transform-origin: 40px 36px; animation: monarch-wing 1.65s ease-in-out infinite alternate; }
.dragonfly-wing { transform-origin: 69px 33px; animation: dragonfly-wing .095s ease-in-out infinite alternate; }
.dragonfly-wing.opposite { animation-delay: -.095s; }
.leg { transform-origin: 90px 53px; animation: wildlife-step .62s ease-in-out infinite alternate; }
.leg-back { animation-delay: -.62s; }
.fox-tail { transform-origin: 64px 48px; animation: fox-tail 1.5s ease-in-out infinite alternate; }
.chipmunk-tail { transform-origin: 44px 48px; animation: chipmunk-tail 1s ease-in-out infinite alternate; }
@keyframes jay-wing { from { transform: rotate(-9deg) scaleY(.88); } to { transform: rotate(8deg) scaleY(1); } }
@keyframes monarch-wing { from { transform: scaleX(.45); } to { transform: scaleX(1); } }
@keyframes dragonfly-wing { from { transform: scaleY(.55); } to { transform: scaleY(1); } }
@keyframes wildlife-step { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
@keyframes fox-tail { from { transform: rotate(-3deg); } to { transform: rotate(3deg); } }
@keyframes chipmunk-tail { from { transform: rotate(-2deg); } to { transform: rotate(4deg); } }
@media (max-width: 699px) {
  .wildlife-jay { width: 70.2px; height: 44.469px; }
  .wildlife-monarch { width: 35.1px; height: 31.59px; }
  .wildlife-fox, .wildlife-dragonfly, .wildlife-chipmunk { display: none; }
}
/* No travel or body motion. Hiding keeps the existing margins intentional. */
@media (prefers-reduced-motion: reduce) {
  .wildlife-stage { display: none !important; }
  .wildlife-animal * { animation: none !important; }
}
html.no-js .wildlife-stage { display: none; }
/* Travel and body details share a native, time-based animation clock. */
.wildlife-timed .wing, .wildlife-timed .leg, .wildlife-timed .tail { animation: none; }

/* The jay faces its left-to-right flight direction. */
.wildlife-jay > svg { transform: scaleX(-1); }

/* Keep the larger fox clear of the nursery gallery. */
[data-wildlife="fox"] { padding-bottom: 88px; }
.chipmunk-head { transform-origin: 110px 44px; }
@media (max-width: 699px) {
  [data-wildlife="fox"] { padding-bottom: 3.5rem; }
  [data-behaviour="peek"] .wildlife-chipmunk { display: block; width: 79.282px; height: 48.132px; }
}

/* Clear space for the larger, wave-shaped flights. */
[data-wildlife="monarch"] { padding-top: 100px; }
[data-wildlife="jay"] { padding-bottom: 96px; }
@media (max-width: 699px) {
  [data-wildlife="monarch"] { padding-top: 88px; }
  [data-wildlife="jay"] { padding-bottom: 88px; }
}

/* The footer grip stays on the ledge while the body climbs over it. */
.chipmunk-body { transform-origin: 110px 50px; }