/* Плавное появление блоков при прокрутке. Включается классом js-reveal на <html>,
   поэтому без JavaScript контент виден сразу. Учитывает «уменьшить движение». */
html.js-reveal .reveal-item {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
    transition-delay: var(--reveal-delay, 0ms);
}
html.js-reveal .reveal-item.is-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    html.js-reveal .reveal-item {
        opacity: 1;
        transform: none;
        transition: none;
    }
}