.reveal-item {
    opacity: 0;
    transform: translateY(28px);
    will-change: opacity, transform;
}

.is-ready .reveal-item.is-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .8s var(--ease), transform .8s var(--ease);
}

.turbo-body {
    animation: turboSpin 18s linear infinite;
}

@keyframes turboSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.hero-marquee span {
    animation: marqueeDrift 24s linear infinite;
}

@keyframes marqueeDrift {
    from { transform: translateX(0); }
    to { transform: translateX(-42%); }
}