/* Entrance motion — translateY/scale только в keyframes и GSAP, не в hover */

@keyframes mio-nav-enter {
    from {
        opacity: 0;
        transform: translateY(-14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav.is-loaded {
    animation: mio-nav-enter 0.9s var(--ease-out-expo) 0.05s both;
}

.split-parent {
    display: inline-block;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

.split-char,
.split-word,
.split-line {
    display: inline-block;
    will-change: transform, opacity;
}

.split-char-space {
    width: 0.28em;
}

@media (prefers-reduced-motion: reduce) {
    .nav.is-loaded {
        animation: none;
        opacity: 1;
    }
}