.works-hover-wrap{
  transition: transform 1.4s cubic-bezier(.2,.6,.2,1), filter 1.4s cubic-bezier(.2,.6,.2,1);
  will-change: transform, filter;
}

.works-hover-wrap:hover{
  transform: translateY(-10px) scale(1.015);
  filter: drop-shadow(0 40px 80px rgba(86,107,255,0.18))
          drop-shadow(0 20px 40px rgba(86,107,255,0.12));
}

/* этот слой отвечает за скругление и обрезку внутренностей */
.works-clip{
  border-radius: 22px; /* подставь свой */
  overflow: hidden;
}

.card-hover{
  transition: transform 1.8s cubic-bezier(.16,1,.3,1);
  will-change: transform;
}

.card-hover:hover{
  transform: scale(1.02);
}

/* =========================
   Premium hover for Logo / Lang / Get in touch
   ========================= */

.hover-elevate-wrap{
  transform-origin: center center;
  will-change: transform;
  transition: transform 1.4s cubic-bezier(.16,1,.3,1);
}

.hover-elevate-wrap:hover{
  transform: translateY(-2px) scale(1.035);
}

.glass-blur .tn-atom{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.70) 0%,
    rgba(255,255,255,0.46) 100%
  ) !important;

  -webkit-backdrop-filter: blur(20px) saturate(1.15);
  backdrop-filter: blur(20px) saturate(1.15);

  border: 1px solid rgba(255,255,255,0.20) !important;

  box-shadow:
    0 10px 28px rgba(86,107,255,0.06),

    inset 0 1px 0 rgba(255,255,255,0.34),
    inset 0 -1px 0 rgba(255,255,255,0.14),

    inset 0 10px 18px rgba(255,255,255,0.16),
    inset 0 -10px 18px rgba(255,255,255,0.08);

  border-radius: inherit;
}

/* =========================
   Premium hover for Works / CV / Contacts
   scale only, no background shift
   ========================= */

.hover-menu{
  transform-origin: center center;
  will-change: transform;
  transition:
    transform 1.4s cubic-bezier(.16,1,.3,1);
}

.hover-menu:hover{
  transform: scale(1.06);
}

.progressive-blur .tn-atom{
  background: linear-gradient(
    180deg,
    rgba(27,41,134,0.20) 0%,
    rgba(27,41,134,0.10) 45%,
    rgba(27,41,134,0) 100%
  ) !important;

  -webkit-backdrop-filter: blur(12px) saturate(1.1);
  backdrop-filter: blur(12px) saturate(1.1);

  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0.80) 0%,
    rgba(0,0,0,0.55) 45%,
    rgba(0,0,0,0.15) 75%,
    rgba(0,0,0,0) 100%
  );
  mask-image: linear-gradient(
    to bottom,
    rgba(0,0,0,0,80) 0%,
    rgba(0,0,0,0.55) 45%,
    rgba(0,0,0,0.15) 75%,
    rgba(0,0,0,0) 100%
  );

  border-radius: inherit;
}

.uc-case-card{
  transform-origin: center center;
  transition:
    transform 1.2s cubic-bezier(.16,1,.3,1),
    filter 1.2s cubic-bezier(.16,1,.3,1);
}

@media (hover:hover){
  .uc-case-card:hover{
    transform: scale(1.02) translateY(-4px);
  }
}

.shot-card{
  transform-origin: center center;
  transition: transform 1.2s cubic-bezier(.16,1,.3,1);
  will-change: transform;
}

/* hover только на устройствах с мышкой */
@media (hover:hover){
  .shot-card:hover{
    transform: scale(1.03);
  }
}