@media screen and (max-width: 1023px) {

    html:has(body.sub-page),
    body.sub-page {
        font-size: clamp(1rem, 4.2666vw, 10rem);
    }
}

/* ── Infinite Scroll Animation ───────────────────────────────── */
@keyframes infinite-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.animate-infinite-scroll {
    --speed: 45s;
    animation: infinite-scroll var(--speed) linear infinite;
}

@media (min-width: 1024px) {
    .animate-infinite-scroll {
        --speed: 70s;
        animation: infinite-scroll var(--speed) linear infinite;
    }
}