.seasonal-stage { height: 280px; }

.fall-art-illustration {
    display: block;
    width: 100%;
    height: 100%;
}

.fall-art-cloud { opacity: .55; animation: fall-art-cloud-drift 26s ease-in-out infinite alternate; }
.fall-art-tree { transform-origin: 50% 100%; transform-box: fill-box; animation: fall-art-tree-sway 7s ease-in-out infinite; }
.fall-art-sun { animation: fall-art-sun-glow 6s ease-in-out infinite; }
.fall-art-falling-leaf { animation: fall-art-leaf-drift 7s linear infinite; }
.fall-art-birds { animation: fall-art-birds-drift 16s ease-in-out infinite alternate; }
.fall-art-turkey-tail { transform-origin: 50% 95%; transform-box: fill-box; animation: fall-art-tail-fan 3.8s ease-in-out infinite; }
.fall-art-turkey-body { animation: fall-art-breathe 3s ease-in-out infinite; }
.fall-art-turkey-head { transform-origin: 30% 95%; transform-box: fill-box; animation: fall-art-turkey-look 5.8s ease-in-out infinite; }
.fall-art-turkey-eye { transform-origin: center; transform-box: fill-box; animation: fall-art-blink 4.6s linear infinite; }
.fall-art-pumpkin { transform-origin: 50% 100%; transform-box: fill-box; animation: fall-art-pumpkin-rock 5s ease-in-out infinite; }
.fall-art-pumpkin-small { animation-delay: -2.7s; }
.fall-art-driving-car { animation: fall-art-car-bounce 1.6s ease-in-out infinite; }
.fall-art-wheel { transform-origin: 0 0; animation: fall-art-wheel-turn 1.1s linear infinite; }
.fall-art-road-lines { animation: fall-art-road-move 1.1s linear infinite; }
.fall-art-road-posts { animation: fall-art-posts-move 3.4s linear infinite; }
.fall-art-far-trees { animation: fall-art-background-travel 12s ease-in-out infinite alternate; }
.fall-art-exhaust { animation: fall-art-exhaust-drift 2.6s ease-out infinite; }
.fall-art-headlight { animation: fall-art-headlight-glow 4s ease-in-out infinite; }
.fall-art-garage-light { animation: fall-art-workshop-glow 4s ease-in-out infinite; }
.fall-art-service-badge { animation: fall-art-badge-glow 3.6s ease-in-out infinite; }
.fall-art-service-badge-two { animation-delay: -1.8s; }
.fall-art-snow { animation: fall-art-snow-drift 7s ease-in-out infinite; }

@keyframes fall-art-cloud-drift { from { transform: translateX(-15px); } to { transform: translateX(24px); } }
@keyframes fall-art-tree-sway { 0%, 100% { transform: rotate(-1.5deg); } 50% { transform: rotate(1.5deg); } }
@keyframes fall-art-sun-glow { 0%, 100% { opacity: .8; } 50% { opacity: 1; } }
@keyframes fall-art-leaf-drift {
    0% { opacity: 0; transform: translate(0, 0) rotate(0); }
    12%, 85% { opacity: .9; }
    35% { transform: translate(25px, 105px) rotate(95deg); }
    65% { transform: translate(-10px, 190px) rotate(210deg); }
    100% { opacity: 0; transform: translate(30px, 320px) rotate(350deg); }
}
@keyframes fall-art-birds-drift { from { transform: translate(-12px, 0); } to { transform: translate(17px, -6px); } }
@keyframes fall-art-tail-fan { 0%, 100% { transform: rotate(-3deg) scaleX(.97); } 50% { transform: rotate(3deg) scaleX(1.03); } }
@keyframes fall-art-breathe { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } }
@keyframes fall-art-turkey-look { 0%, 40%, 100% { transform: rotate(0); } 55%, 68% { transform: rotate(14deg) translateY(2px); } 82% { transform: rotate(-7deg); } }
@keyframes fall-art-blink { 0%, 43%, 47%, 100% { transform: scaleY(1); } 45% { transform: scaleY(.08); } }
@keyframes fall-art-pumpkin-rock { 0%, 100% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } }
@keyframes fall-art-car-bounce { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-1.6px); } 65% { transform: translateY(.6px); } }
@keyframes fall-art-wheel-turn { to { transform: rotate(360deg); } }
@keyframes fall-art-road-move { to { transform: translateX(-53px); } }
@keyframes fall-art-posts-move { to { transform: translateX(-138px); } }
@keyframes fall-art-background-travel { from { transform: translateX(5px); } to { transform: translateX(-14px); } }
@keyframes fall-art-exhaust-drift { 0% { opacity: 0; transform: translate(4px, 0) scale(1); } 35% { opacity: .3; } 100% { opacity: 0; transform: translate(-12px, -8px) scale(1.1); } }
@keyframes fall-art-headlight-glow { 0%, 100% { opacity: .12; } 50% { opacity: .26; } }
@keyframes fall-art-workshop-glow { 0%, 100% { opacity: .08; } 50% { opacity: .16; } }
@keyframes fall-art-badge-glow { 0%, 100% { opacity: .85; } 50% { opacity: 1; } }
@keyframes fall-art-snow-drift { 0% { opacity: 0; transform: translate(0, -10px) rotate(0); } 20%, 75% { opacity: .75; } 100% { opacity: 0; transform: translate(12px, 85px) rotate(100deg); } }

@media (max-width: 767px) { .seasonal-stage { height: 240px; } }
@media (prefers-reduced-motion: reduce) { .fall-art-illustration * { animation: none !important; } }
