/* ─── Accordion motion ───────────────────────────────────────────────── */

.accordion_icon {
    transition: transform 0.4s ease-in-out;
}

.accordion[data-question-expanded="true"] .accordion_icon {
    transform: rotate(45deg);
}

.accordion_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.accordion[data-question-expanded="true"] .accordion_content {
    max-height: 600px;
}

.accordion[data-question-expanded="true"] .accordion_content.long {
    max-height: 2600px;
}


/* ─── Hero img animation ───────────────────────────────────────────────── */

.hero-animation-enabled .hero_illustration .hero_img {
    opacity: 0;
    transition: opacity 200ms ease-in;
    will-change: opacity;
}

.hero-animation-enabled .hero_illustration.is-image-visible .hero_img {
    opacity: 1;
}


/* ─── Scroll reveal ───────────────────────────────────────────────────────── */

.scroll-reveal-item {
    --scroll-reveal-y: 32px;
    --scroll-reveal-scale: 1;
    --scroll-reveal-delay: 0ms;

    opacity: 0;
    translate: 0 var(--scroll-reveal-y);
    scale: var(--scroll-reveal-scale);

    transition:
            opacity 900ms cubic-bezier(.22, 1, .36, 1),
            translate 900ms cubic-bezier(.22, 1, .36, 1),
            scale 900ms cubic-bezier(.22, 1, .36, 1);

    transition-delay: var(--scroll-reveal-delay);

    will-change: opacity, translate, scale;
}

.scroll-reveal-item.scroll-reveal-visible {
    opacity: 1;
    translate: 0 0;
    scale: 1;
}

/* Заголовки немного сильнее поднимаются снизу */

[data-scroll-reveal-type="title"] {
    --scroll-reveal-y: 40px;
}

/* Обычный текст */

[data-scroll-reveal-type="text"] {
    --scroll-reveal-y: 24px;
}

/* Карточки и кнопки */

[data-scroll-reveal-type="card"] {
    --scroll-reveal-y: 36px;
    --scroll-reveal-scale: .985;
}

/* Изображения */

[data-scroll-reveal-type="media"] {
    --scroll-reveal-y: 24px;
    --scroll-reveal-scale: .98;
}

/* Логотипы */

[data-scroll-reveal-type="logo"] {
    --scroll-reveal-y: 20px;
    --scroll-reveal-scale: .94;
}

/* Разделители футера */

[data-scroll-reveal-type="line"] {
    --scroll-reveal-y: 0;
}

/* На мобильных уменьшаем смещение */

@media screen and (max-width: 767px) {
    .scroll-reveal-item {
        --scroll-reveal-y: 24px;
    }

    [data-scroll-reveal-type="title"] {
        --scroll-reveal-y: 30px;
    }

    [data-scroll-reveal-type="text"],
    [data-scroll-reveal-type="logo"] {
        --scroll-reveal-y: 16px;
    }
}

/* Отключаем движение согласно системным настройкам пользователя */

@media (prefers-reduced-motion: reduce) {
    .scroll-reveal-item {
        opacity: 1;
        translate: none;
        scale: 1;
        transition: none;
    }

    .hero-animation-enabled .hero_illustration .hero_img {
        opacity: 1;
        transition: none;
    }
}