.text-muted {
    color: var(--text-2);
}

.hidden {
    display: none !important;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:root.scroll-init [data-scroll] {
    opacity: 0;
    transform: translateY(var(--scroll-offset, 40px));
    transition: opacity 0.65s ease, transform 0.65s ease;
    transition-delay: var(--scroll-delay, 0s);
    will-change: opacity, transform;
}

:root.scroll-init [data-scroll].is-visible {
    opacity: 1;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    [data-scroll] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}