/**
 * Статичный режим блока «Для кого» (поле «Без анимации»).
 *
 * Повторяет то состояние, к которому script.js приводит секцию в конце
 * прокрутки: слова облака видны все разом, «Для кого» и «?» убраны,
 * логотип увеличен вдвое и сдвинут на место центра облака.
 *
 * Значения transform держим ровно те же, что в applyFullTitleAnimation()
 * и animateItems(): если правится одно — правится и второе.
 */

.tribute_static {
    min-height: 0
}

.tribute_static .tribute__inner {
    height: auto;
    min-height: 0;
    position: static
}

.tribute_static .tribute__list-item {
    opacity: 1;
    transform: scale(1)
}

.tribute_static .tribute__title_static,
.tribute_static .tribute__title_span {
    opacity: 0;
    transform: translateY(1.25rem)
}

.tribute_static .tribute__text_animate {
    transform: scale(2) translate(-4rem, -2rem)
}

/**
 * Заголовок над облаком — тот же .new-section-title, что в английской версии,
 * но там он центрован глобально, а здесь тема использует его и в левых
 * секциях. Поэтому центрируем в пределах блока.
 */

.tribute_static .tribute__heading {
    color: var(--_colors---text--new-text);
    text-align: center;
    margin-bottom: var(--_spacings---new-space-l)
}

/**
 * Холст под размер облака.
 *
 * height:fit-content здесь дал бы ноль: и .tribute-items, и сами слова —
 * position:absolute, высоты они не создают. Поэтому габариты берём из тех же
 * позиций, что заданы в webflow.css.
 *
 * В теме .tribute-items сдвинут на -8% высоты холста — то есть высота влияет
 * на положение облака, и подогнать её «под содержимое» нельзя, пока эта связь
 * есть. Привязываем контейнер к позиции самого верхнего слова в rem: после
 * этого облако начинается ровно от верхней границы холста, а высота остаётся
 * свободной величиной. Заголовок сдвигаем на столько же, иначе логотип уедет
 * от центра облака.
 *
 * Хвосты «д», «р», «у», «ц» вылезают из строки: у слов line-height: 1, а
 * нижний выносной элемент Inter уходит примерно на 0.07em ниже. Добавляем это
 * к высоте, иначе на узких экранах их срежет overflow: hidden у .tribute__inner.
 */

.tribute_static .tribute-items {
    top: -17.5rem
}

.tribute_static .tribute__title {
    top: 21.88rem
}

.tribute_static .tribute__animate-wrapper {
    height: 39.8rem
}

@media screen and (max-width: 479px) {
    .tribute_static .tribute-items {
        top: -12rem
    }

    .tribute_static .tribute__title {
        top: 35.08rem
    }

    .tribute_static .tribute__animate-wrapper {
        height: 64.5rem
    }
}