/* ===== PORTFOLIO SCROLL DEFINITIVO ===== */

.portfolio-single-box {
  height: 450px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}

.swiper-slide {
  overflow: visible !important;
}

.portfolio-thumb {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.portfolio-thumb figure {
  margin: 0;
  height: auto;
  overflow: visible;
}

.portfolio-thumb img {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform;
  transition: transform 9s ease;
}

/* efeito */
.portfolio-single-box:hover img {
  transform: translateY(calc(-100% + 450px));
}