.ref-animation-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 9999;
}

.ref-item {
  position: absolute;
  bottom: -100px;
  height: auto;
  transform-origin: center;
  will-change: transform, opacity;
  animation: rise 8s ease-out forwards;
}

@keyframes rise {
  0% {
    transform: translateY(0) scale(0.9) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateY(-120vh) scale(1.2) rotate(var(--tilt, 0deg));
    opacity: 0;
  }
}

/* 📱 адаптация под мобильные устройства */
@media (max-width: 767px) {
  .ref-item {
    animation-duration: 6s;
    opacity: 0.8;
  }
}