/* Background Sapori SVG and Effects */
.background-sapori {
  position: fixed;
  bottom: -47vh;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  mix-blend-mode: overlay;
}

.sapori-container {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  left: -40px;
  animation: fadeInUp 1.4s ease-out 1.4s both;
}

.sapori-svg {
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

/* Spotlight Effect */
.spotlight {
  position: fixed;
  bottom: -250px;
  width: 300px;
  height: 400px;
  background: radial-gradient(
    ellipse 138px 243px at center,
    rgba(218, 192, 155, 0.2) 70%,
    rgba(218, 192, 155, 0.3) 40%,
    transparent 15%
  );
  filter: blur(100px);
  animation: spotlightMove 12s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes spotlightMove {
  0% {
    left: -15%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    left: 115%;
    opacity: 0;
  }
}
/* Secondary Spotlight (from right) */
.spotlight-secondary {
  position: fixed;
  bottom: 27vh;
  width: 300px;
  height: 400px;
  background: radial-gradient(
    ellipse 100px 180px at center,
    #dac09b 20%,
    transparent 40%
  );
  filter: blur(120px);
  animation: spotlightMoveRight 17s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}



@keyframes spotlightMoveRight {
  0% {
    right: -15%;
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    right: 115%;
    opacity: 0;
  }
}