/**
 * Bali Travelica — Scroll Reveal styles (pairs with assets/js/scroll-reveal.js)
 *
 * GSAP-free reveal-on-scroll. Only `opacity` + `transform` are animated so the
 * compositor can run them on the GPU. The start-state class `.bbt-reveal` is
 * added by JS, so if JS is disabled the content renders normally (no FOUC,
 * no hidden content for crawlers).
 *
 * @package BaliTravelica
 * @since   2.1.6
 */

.bbt-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.bbt-reveal.section-title {
    transform: translateY(24px);
}

.bbt-reveal--in {
    opacity: 1;
    transform: translateY(0);
}

/* Respect reduced-motion: show instantly, no movement. */
@media (prefers-reduced-motion: reduce) {
    .bbt-reveal,
    .bbt-reveal--in {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}