/* Motion enhancement must never become a visibility dependency. */
.motion-reveal {
    opacity: 1;
    transform: none;
}

.motion-enabled .motion-reveal:not(.is-visible) {
    opacity: 0;
    transform: translateY(10px);
}

.motion-enabled .motion-reveal {
    transition: opacity 560ms var(--nt-ease-out), transform 560ms var(--nt-ease-out);
}

.motion-enabled .support-case-step:nth-child(2),
.motion-enabled .workflow-step:nth-child(2),
.motion-enabled .commitment-item:nth-child(2),
.motion-enabled .social-link:nth-child(2) {
    transition-delay: 60ms;
}

.motion-enabled .support-case-step:nth-child(3),
.motion-enabled .workflow-step:nth-child(3),
.motion-enabled .commitment-item:nth-child(3) {
    transition-delay: 120ms;
}

/* Dense, translated mobile navigation stays usable at the narrow acceptance width. */
@media (max-width: 400px) {
    .site-nav--mobile a {
        font-size: .68rem;
        overflow-wrap: anywhere;
    }
}

@media (prefers-reduced-motion: reduce) {
    .motion-enabled .motion-reveal:not(.is-visible) {
        opacity: 1;
        transform: none;
    }
}