/* Logo base */
.logo-wrap {
  /* Remove width and max-width */
  /* width: 300px; */
  /* max-width: 45vw; */
  opacity: 0;
  transform: translateY(50px) scale(0.9);
  transition: all 0.8s ease-out;
  filter: drop-shadow(0 0 0px rgba(255,255,255,0));
}

/* When visible while scrolling down */
.logo-wrap.visible.down {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: drop-shadow(0 0 20px rgba(255,100,200,0.7));
}

/* When visible while scrolling up */
.logo-wrap.visible.up {
  opacity: 1;
  transform: translateY(-20px) scale(1.05);
  filter: drop-shadow(0 0 20px rgba(0,200,255,0.7));
}

.logo-object {
  width: 100%;
  height: auto;
  display: block;
}






.gradient-text {
  background: linear-gradient(90deg, #d4a1ff, #a1ffce, #6effa1, #39ff14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-animation 3s infinite;
}

/* Optional: Add animation for a moving gradient effect */
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}