/* Ivica i Marica — animacije slojevitih scena (keyframes preuzeti doslovno iz prototipa naslovnice; imena im-* jer ih koriste
   izvučeni predlošci scena u scene/*.html). prefers-reduced-motion isključuje sve animacije. */
@keyframes im-bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes im-sway { 0%,100% { transform: rotate(-1.4deg); } 50% { transform: rotate(1.4deg); } }
@keyframes im-leaf { 0%,100% { transform: rotate(-2.5deg); } 50% { transform: rotate(2.5deg); } }
@keyframes im-twinkle { 0%,100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes im-drift { 0%,100% { transform: translate(0,0); } 50% { transform: translate(6px,-4px); } }
@keyframes im-rise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes im-fly { 0% { transform: translate(-60px,20px); opacity: 0; } 8% { opacity: 1; } 92% { opacity: 1; } 100% { transform: translate(720px,-50px); opacity: 0; } }
@keyframes im-fall { 0% { transform: translate(0,0) rotate(0deg); opacity: 0; } 10% { opacity: .9; } 90% { opacity: .9; } 100% { transform: translate(-70px,300px) rotate(300deg); opacity: 0; } }
@keyframes im-smoke { 0% { opacity: 0; transform: translate(0,0) scale(.5); } 30% { opacity: .5; } 100% { opacity: 0; transform: translate(-14px,-54px) scale(1.5); } }
@keyframes im-breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.03); } }
@keyframes im-om-group { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-1.5px) scale(1.004); } }
@keyframes im-om-light { from { opacity: .94; } to { opacity: 1; } }
@keyframes im-om-deco { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
@keyframes im-perch { 0%,70%,100% { transform: rotate(0deg); } 76% { transform: rotate(-6deg); } 82% { transform: rotate(0deg); } 86% { transform: rotate(-4deg); } 90% { transform: rotate(0deg); } }
@keyframes im-selo-fly { 0% { left: -4%; transform: translateY(0); } 25% { transform: translateY(-6px); } 50% { transform: translateY(2px); } 75% { transform: translateY(-4px); } 100% { left: 104%; transform: translateY(0); } }
@keyframes im-kids { 0%,100% { transform: rotate(-.5deg); } 50% { transform: rotate(.5deg); } }
@keyframes im-kid-base { 0% { opacity: 1; } 70% { opacity: 0; } 93% { opacity: 1; } }
@keyframes im-kid-up1 { 0% { opacity: 0; } 70% { opacity: 1; } 93% { opacity: 0; } }
@keyframes im-wave { from { transform: rotate(-9deg); } to { transform: rotate(4deg); } }
@keyframes im-kid-up2 { 0% { opacity: 0; } 75% { opacity: 1; } 79% { opacity: 0; } 83% { opacity: 1; } 87% { opacity: 0; } }
@keyframes im-blink { 0%, 44% { opacity: 0; } 45.6% { opacity: 1; } 47.4% { opacity: 1; } 49% { opacity: 0; } 100% { opacity: 0; } }
@keyframes im-flap-a { 0% { opacity: 1; } 50% { opacity: 0; } }
@keyframes im-flap-b { 0% { opacity: 0; } 50% { opacity: 1; } }
@keyframes im-fly2 { 0% { transform: translate(0,30px); opacity: 0; } 3% { opacity: 1; } 46% { transform: translate(1300%,-20px); opacity: 1; } 50%,100% { transform: translate(1400%,-30px); opacity: 0; } }

/* Scene: okvir i slojevi. */
.iv-scena-omot { line-height: 0; }
.iv-scena-omot img { max-width: none; }

@media (prefers-reduced-motion: reduce) { .iv-scena-omot *, .iv-scena-omot { animation: none !important; transition: none !important; } }