/*
 Effects CSS
 Last update : 13.11.25
*/

/* rotate img */
.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);
}

/* fade in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px); /* Décalage initial en hauteur */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Position finale */
    }
}

/* animate from bottom */
.animate-bottom.inview {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 2s;
  animation-name: animatebottom;
  animation-duration: 2s
}
@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

/* FADE  */
.hidden {
    opacity: 0;
}
@-webkit-keyframes fade-in {
    0%   { opacity: 0; transform: scale(.7,.7) }
    100% { opacity: 1;}
}
@keyframes fade-in {
    0%   { opacity: 0; transform: scale(.7,.7) }
    100% { opacity: 1; }
}
.fade-in-element {
  animation: fade-in 2s;
}

/* REVEAL inview  */
.reveal {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transition: .8s;
    -o-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
}
.reveal:nth-of-type(2) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.reveal:nth-of-type(3) {
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
.reveal:nth-of-type(4) {
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.reveal:nth-of-type(5) {
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.reveal:nth-of-type(6) {
    -moz-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.reveal.inview {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}