/* Dreamwork hero: independent, quiet, CSS-only motion.
   All animations are disabled for reduced-motion preferences. */
@keyframes dw-drift-left { 0%,100% { translate: 0 0; } 50% { translate: 20px -4px; } }
@keyframes dw-drift-right { 0%,100% { translate: 0 0; } 50% { translate: -22px 5px; } }
@keyframes dw-sun-glow { 0%,100% { scale: 1; opacity: 1; } 50% { scale: 1.055; opacity: .93; } }
@keyframes dw-orbit-forward { from { rotate: 0deg; } to { rotate: 360deg; } }
@keyframes dw-orbit-back { from { rotate: 0deg; } to { rotate: -360deg; } }
@keyframes dw-bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes dw-bob-small { 0%,100% { translate: 0 0; } 50% { translate: 0 -4px; } }
@keyframes dw-wiggle { 0%,100% { rotate: 0deg; } 30% { rotate: -3deg; } 65% { rotate: 3deg; } }
@keyframes dw-rise { 0%,100% { scale: 1 1; } 40% { scale: 1 .68; } 70% { scale: 1 .93; } }
@keyframes dw-conveyor { 0%,100% { translate: -6px 0; opacity:.68; } 50% { translate: 7px 0; opacity:1; } }
@keyframes dw-pulse { 0%,100% { scale: 1; } 50% { scale: 1.13; } }
@keyframes dw-appear { from { opacity:0; translate: 0 25px; } to { opacity:1; translate:0 0; } }
@media (prefers-reduced-motion: no-preference) {
 .hero-art { animation: dw-appear 1s ease-out both; }
 .hero-art .cloud-one { animation: dw-drift-left 11s ease-in-out infinite; }
 .hero-art .cloud-two { animation: dw-drift-right 13s ease-in-out infinite; }
 .hero-art .sun { animation: dw-sun-glow 7s ease-in-out infinite; }
 .hero-art .machine-brain { animation: dw-bob 4.5s ease-in-out infinite; }
 .hero-art .orbit-1 { animation: dw-orbit-forward 9s linear infinite; }
 .hero-art .orbit-2 { animation: dw-orbit-back 11s linear infinite; }
 .hero-art .conveyor span { animation: dw-conveyor 3.5s ease-in-out infinite; }
 .hero-art .conveyor span:nth-child(2) { animation-delay: -.8s; }
 .hero-art .conveyor span:nth-child(3) { animation-delay: -1.6s; }
 .hero-art .conveyor span:nth-child(4) { animation-delay: -2.4s; }
 .hero-art .panel-bars i { transform-origin: center bottom; animation: dw-rise 2.5s ease-in-out infinite; }
 .hero-art .panel-bars i:nth-child(2) { animation-delay: -.45s; }
 .hero-art .panel-bars i:nth-child(3) { animation-delay: -.9s; }
 .hero-art .panel-bars i:nth-child(4) { animation-delay: -1.35s; }
 .hero-art .panel-bars i:nth-child(5) { animation-delay: -1.8s; }
 .hero-art .machine-flag { animation: dw-bob 5s ease-in-out infinite; }
 .hero-art .badge-left { animation: dw-bob 6s ease-in-out infinite; }
 .hero-art .badge-right { animation: dw-bob 5.4s ease-in-out -2s infinite; }
 .hero-art .output-one { animation: dw-pulse 2.8s ease-in-out infinite; }
 .hero-art .output-two { animation: dw-pulse 2.8s ease-in-out -.8s infinite; }
 .hero-art .output-three { animation: dw-pulse 2.8s ease-in-out -1.6s infinite; }
 .hero-art .machine-panel { animation: dw-bob-small 6s ease-in-out infinite; }
 .hero-art .bird-one { animation: dw-drift-left 9s ease-in-out infinite; }
 .hero-art .bird-two { animation: dw-drift-right 8s ease-in-out infinite; }
}
@media (prefers-reduced-motion: reduce) {
 .hero-art, .hero-art * { animation: none !important; }
}