[data-fade-section] [data-fade] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 600ms cubic-bezier(0.22, 0.61, 0.36, 1),
                transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1),
                background-color 600ms linear,
                color 600ms linear,
                border-color 600ms linear,
                box-shadow 600ms linear;
    will-change: opacity, transform;
}

[data-fade-section].is-revealed [data-fade] {
    opacity: 1;
    transform: none;
}

@media (max-width: 768px) {
    [data-fade-section] [data-fade] {
        transition-duration: 400ms;
    }
}

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