#tree-grow .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#tree-grow .tg-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: clamp(0.75rem, 3vw, 2rem);
    width: 100%;
    margin-top: auto;
}

#tree-grow .tg-tree {
    display: block;
    height: var(--tg-h, 120px);
    width: auto;
    transform: scaleY(0);
    transform-origin: bottom center;
}

#tree-grow.is-visible .tg-tree {
    animation: tg-grow 0.75s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    animation-delay: var(--tg-delay, 0s);
}

@keyframes tg-grow {
    from {
        transform: scaleY(0);
        transform-origin: bottom center;
    }
    to {
        transform: scaleY(1);
        transform-origin: bottom center;
    }
}

@media (prefers-reduced-motion: reduce) {
    #tree-grow .tg-tree { transform: scaleY(1); }
    #tree-grow.is-visible .tg-tree { animation: none; }
}

@media (max-width: 600px) {
    #tree-grow .tg-wrap {
        gap: 0.5rem;
    }
}