/* CT Promo Cinema — image movement animations (loaded with particle, no Gantry recompile needed) */

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--zoom-in-top,
:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--zoom-in-center {
    animation: ctpromo-move-zoom-in var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--zoom-out {
    animation: ctpromo-move-zoom-out var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--pan-top-bottom {
    height: 130%;
    width: 100%;
    object-fit: cover;
    object-position: center top;
    transform-origin: center top;
    animation: ctpromo-pan-t2b var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--pan-bottom-top {
    height: 130%;
    width: 100%;
    object-fit: cover;
    object-position: center bottom;
    transform-origin: center bottom;
    animation: ctpromo-pan-b2t var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--pan-left-right {
    width: 130%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: left center;
    transform-origin: left center;
    animation: ctpromo-pan-l2r var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--pan-right-left {
    width: 130%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: right center;
    transform-origin: right center;
    animation: ctpromo-pan-r2l var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--drift-diagonal-down {
    animation: ctpromo-move-drift-dn var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--drift-diagonal-up {
    animation: ctpromo-move-drift-up var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--orbit-slow {
    animation: ctpromo-move-orbit var(--ctpromo-motion-duration, 14s) ease-in-out infinite alternate;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--pulse-breathe {
    animation: ctpromo-move-breathe calc(var(--ctpromo-motion-duration, 14s) * 0.7) ease-in-out infinite;
}

:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--float {
    animation: ctpromo-move-float calc(var(--ctpromo-motion-duration, 14s) * 0.8) ease-in-out infinite;
}

.g-ctpromo-move--static.g-ctpromo-banner,
:is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-move--static.g-ctpromo-banner {
    animation: none !important;
}

@keyframes ctpromo-move-zoom-in {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

@keyframes ctpromo-move-zoom-out {
    from { transform: scale(1.12); }
    to { transform: scale(1); }
}

@keyframes ctpromo-pan-t2b {
    0% { transform: translateY(0); }
    100% { transform: translateY(-23%); }
}

@keyframes ctpromo-pan-b2t {
    0% { transform: translateY(-23%); }
    100% { transform: translateY(0); }
}

@keyframes ctpromo-pan-l2r {
    0% { transform: translateX(0); }
    100% { transform: translateX(-23%); }
}

@keyframes ctpromo-pan-r2l {
    0% { transform: translateX(-23%); }
    100% { transform: translateX(0); }
}

@keyframes ctpromo-move-drift-dn {
    from { transform: scale(1.1) translate(-3%, -4%); }
    to { transform: scale(1.1) translate(3%, 4%); }
}

@keyframes ctpromo-move-drift-up {
    from { transform: scale(1.1) translate(3%, 4%); }
    to { transform: scale(1.1) translate(-3%, -4%); }
}

@keyframes ctpromo-move-orbit {
    from { transform: scale(1.08) translate(-2%, -1%) rotate(0deg); }
    to { transform: scale(1.08) translate(2%, 1%) rotate(0.5deg); }
}

@keyframes ctpromo-move-breathe {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.04); filter: brightness(1.08); }
}

@keyframes ctpromo-move-float {
    0%, 100% { transform: translateY(0) scale(1.06); }
    50% { transform: translateY(-8px) scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
    :is(.g-ctpromo-slide.is-active, .g-ctpromo-showcase-card.is-inview) .g-ctpromo-banner:not(.g-ctpromo-move--static) {
        animation: none !important;
        transform: none !important;
        height: 100% !important;
        width: 100% !important;
    }
}