/*
* Animations CSS
* Loaded conditionally: content-animator, layout-text-image, layout-columns
* Last update : 26.6.26
*/

/* === ROTATE === */
.rotate {
    overflow: hidden;
}
.rotate img {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transform-origin: center center;
}
.rotate:hover img {
    transform: scale(1.03) rotate(-0.5deg);
}

/* === ANIMATE FROM BOTTOM === */
@keyframes animatebottom {
    from { bottom: -100px; opacity: 0; }
    to   { bottom: 0;      opacity: 1; }
}
.animate-bottom.inview {
    position: relative;
    animation: animatebottom 2s;
}

/* === REVEAL (columns) === */
@keyframes reveal-scale {
    from { transform: scale(0, 0); }
    to   { transform: scale(1, 1); }
}
.reveal {
    transform: scale(0, 0);
    transition: 0.8s;
}
.reveal:nth-of-type(2) { transition-delay: 0.6s; }
.reveal:nth-of-type(3) { transition-delay: 0.9s; }
.reveal:nth-of-type(4) { transition-delay: 1.2s; }
.reveal:nth-of-type(5) { transition-delay: 1.4s; }
.reveal:nth-of-type(6) { transition-delay: 1.7s; }
.reveal.inview {
    transform: scale(1, 1);
}