/* Inner-page motion extends the homepage's quiet reveal rhythm.
   JS only arms these animations when IntersectionObserver is available. */
@keyframes fjxx-motion-rise {
    from { opacity: 0; translate: 0 1.1rem; }
    to { opacity: 1; translate: 0 0; }
}

.fjxx-inner-page.fjxx-motion-ready .fjxx-motion-item {
    animation: fjxx-motion-rise 760ms cubic-bezier(.22, 1, .36, 1) both;
    animation-delay: var(--fjxx-motion-delay, 0ms);
    animation-play-state: paused;
}

.fjxx-inner-page.fjxx-motion-ready .fjxx-motion-item.is-visible {
    animation-play-state: running;
}

/* Accents are restrained: existing card/image hover transforms stay untouched. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .fjxx-inner-page .fjxx-faq-question {
        transition: color .25s ease, background-color .25s ease, padding-left .3s ease;
    }
    .fjxx-inner-page .fjxx-faq-question:hover {
        padding-left: 1.4rem;
    }
    .fjxx-inner-page .fjxx-spring-glance-item,
    .fjxx-inner-page .fjxx-itinerary-service-item,
    .fjxx-inner-page .fjxx-beijing-fact {
        transition: background-color .32s ease;
    }
    .fjxx-inner-page .fjxx-spring-glance-item:hover,
    .fjxx-inner-page .fjxx-itinerary-service-item:hover,
    .fjxx-inner-page .fjxx-beijing-fact:hover {
        background-color: rgba(193, 145, 70, .065);
    }
}

@media (prefers-reduced-motion: reduce) {
    .fjxx-inner-page.fjxx-motion-ready .fjxx-motion-item {
        animation: none;
        opacity: 1;
        translate: none;
    }
}

@media print {
    .fjxx-inner-page.fjxx-motion-ready .fjxx-motion-item {
        animation: none !important;
        opacity: 1 !important;
        translate: none !important;
    }
}

/* Give editorial lists a little more rhythm while keeping the reveal lightweight. */
@keyframes fjxx-motion-drift-left {
    from { opacity: 0; translate: -1.15rem .25rem; }
    to { opacity: 1; translate: 0 0; }
}

@keyframes fjxx-motion-drift-right {
    from { opacity: 0; translate: 1.15rem .25rem; }
    to { opacity: 1; translate: 0 0; }
}

@media (prefers-reduced-motion: no-preference) {
    .fjxx-inner-page.fjxx-motion-ready .fjxx-explore-city-story-row-intro.fjxx-motion-item,
    .fjxx-inner-page.fjxx-motion-ready .fjxx-beijing-day:nth-child(odd).fjxx-motion-item {
        animation-name: fjxx-motion-drift-left;
    }

    .fjxx-inner-page.fjxx-motion-ready .fjxx-explore-city-story-row-opera.fjxx-motion-item,
    .fjxx-inner-page.fjxx-motion-ready .fjxx-beijing-day:nth-child(even).fjxx-motion-item {
        animation-name: fjxx-motion-drift-right;
    }

    .fjxx-inner-page.fjxx-motion-ready .fjxx-explore-city-flavors-card:nth-child(2).fjxx-motion-item,
    .fjxx-inner-page.fjxx-motion-ready .fjxx-beijing-accommodation-card:nth-child(2).fjxx-motion-item {
        animation-duration: 920ms;
    }
}