/* Animate the thumbnail link, leaving Elementor's item positioning intact. */
body .elementor-portfolio-item > .tukhareli-project-enter {
  display:block;
  opacity:0;
  transform:perspective(1100px) translateY(30px) rotateY(-65deg);
  transform-origin:50% 50%;
  backface-visibility:hidden;
  transition:opacity 800ms ease,transform 1000ms cubic-bezier(.16,1,.3,1);
  transition-delay:var(--tukhareli-entrance-delay,0ms);
}
body .elementor-portfolio-item > .tukhareli-project-visible,
body .elementor-portfolio-item > .tukhareli-project-enter:focus-within {
  opacity:1;
  transform:perspective(1100px) translateY(0) rotateY(0);
}
@media(prefers-reduced-motion:reduce) {
  body .elementor-portfolio-item > .tukhareli-project-enter {
    opacity:1;transform:none;transition:none;
  }
}

/* The outer link retains its footprint while the two-sided card rotates. */
body .elementor-portfolio-item {overflow:visible;}
body .elementor-portfolio-item > .elementor-post__thumbnail__link {overflow:visible;perspective:1200px;}
.tukhareli-project-rotor {position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(0);transition:transform .85s cubic-bezier(.4,0,.2,1);}
.tukhareli-project-front,.tukhareli-project-back {position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;}
.tukhareli-project-front {transform:rotateY(0deg);}
.tukhareli-project-back {transform:rotateY(180deg);}
body .elementor-portfolio-item:is(:hover,:focus-within) .tukhareli-project-rotor {transform:rotateY(180deg);}
body .elementor-portfolio-item .elementor-portfolio-item__overlay {background:rgba(255,255,255,.28)!important;opacity:1!important;transform:none!important;}
body .elementor-portfolio-item .elementor-portfolio-item__title {color:#252624!important;font:600 clamp(16px,1.3vw,22px)/1.3 Arial,Helvetica,sans-serif!important;letter-spacing:.025em;background:rgba(255,255,255,.76);padding:10px 18px;margin:20px;transform:none!important;}
html[data-tukhareli-theme="night"] body .elementor-portfolio-item .elementor-portfolio-item__overlay {background:rgba(0,0,0,.42)!important;}
html[data-tukhareli-theme="night"] body .elementor-portfolio-item .elementor-portfolio-item__title {background:#000!important;color:#fff!important;}
@media(prefers-reduced-motion:reduce) {.tukhareli-project-rotor {transition:none;}}
@media(hover:none) {.tukhareli-project-rotor {transform:rotateY(180deg);}}