/* Scroll entrances belong only to /tanitim. Content is visible without JavaScript. */
.tl [data-tl-reveal] {
    --tl-reveal-x: 0px;
    --tl-reveal-y: 46px;
    --tl-reveal-scale: .975;
    --tl-reveal-duration: 850ms;
    --tl-reveal-direction: 1;
}
.tl [data-tl-reveal="left"] { --tl-reveal-x: -60px; --tl-reveal-y: 24px; }
.tl [data-tl-reveal="right"] { --tl-reveal-x: 60px; --tl-reveal-y: 24px; }
.tl [data-tl-reveal="soft"] { --tl-reveal-y: 34px; --tl-reveal-scale: .95; }
.tl [data-tl-scroll-direction="up"] { --tl-reveal-direction: -1; }
.tl .tl-is-revealing {
    animation: tl-scroll-reveal var(--tl-reveal-duration) cubic-bezier(.16,1,.3,1) var(--tl-reveal-delay,0ms) both;
}
@keyframes tl-scroll-reveal {
    from { opacity: 0; transform: translate3d(var(--tl-reveal-x),calc(var(--tl-reveal-y) * var(--tl-reveal-direction)),0) scale(var(--tl-reveal-scale)); }
    to { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

/* Individual translate preserves the phone and food cards' existing rotations. */
.tl .tl-motion-in-view :is(.tl-hero-phone, .tl-download-phone) { animation: tl-art-float 5s ease-in-out infinite; }
.tl .tl-motion-in-view .tl-floating-food { animation: tl-art-float 4s ease-in-out infinite; }
.tl .tl-motion-in-view .tl-floating-food-bottom { animation-delay: -2s; animation-direction: reverse; }
@keyframes tl-art-float {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -10px; }
}
@media (max-width: 650px) {
    .tl [data-tl-reveal] { --tl-reveal-y: 30px; --tl-reveal-duration: 720ms; }
    .tl [data-tl-reveal="left"] { --tl-reveal-x: -28px; }
    .tl [data-tl-reveal="right"] { --tl-reveal-x: 28px; }
}
@media (prefers-reduced-motion: reduce) {
    .tl .tl-is-revealing, .tl .tl-motion-in-view :is(.tl-hero-phone, .tl-download-phone, .tl-floating-food) { animation: none !important; }
}