/**
 * Bento animation orchestration — pause until in-view, replay on hover.
 * Scoped to body.pl-landing-time only.
 */
/* Hold stage animations until the card scrolls into view / replays */
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-forms-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-forms-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ios-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ios-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-voice-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-voice-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ivr-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ivr-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-record-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-record-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-agent-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-agent-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-domain-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-domain-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-analytics-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-analytics-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-editor-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-editor-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-leads-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-leads-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-domain-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-domain-stage *,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-speed-stage,
body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-speed-stage * {
    animation-play-state: paused !important;
}

body.pl-landing-time.pl-bento-reveal .pl-time-grow-col {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition:
        opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--pl-bento-delay, 0ms);
}

body.pl-landing-time.pl-bento-reveal .pl-time-grow-col.is-inview {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
    body.pl-landing-time.pl-bento-reveal .pl-time-card,
    body.pl-landing-time.pl-bento-reveal .pl-time-grow-col {
        opacity: 1;
        transform: none;
        transition: none;
    }

    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-forms-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-forms-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ios-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ios-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-voice-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-voice-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ivr-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-ivr-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-record-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-record-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-agent-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-agent-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-domain-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-domain-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-analytics-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-analytics-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-editor-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-email-editor-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-leads-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-leads-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-domain-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-domain-stage *,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-speed-stage,
    body.pl-landing-time.pl-bento-reveal .pl-time-card:not(.is-anim-run) .pl-time-webstudio-speed-stage * {
        animation-play-state: running !important;
    }
}