/* 6. Gold Glow Animations + Star Twinkle */
@keyframes goldGlow {
    0% {
      background-position: 50% 0%;
      filter: brightness(1.45);
    }
    50% {
      background-position: 50% 100%;
      filter: brightness(1.65); /* optional “brighter” moment */
    }
    100% {
      background-position: 50% 0%;
      filter: brightness(1.45);
    }
}

/* === Gold Text with Star Twinkle & Shadows === */
.gold-letter {
    position: relative;
    
    color: #b9ab73;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

    font-weight: 600;
    font-size: 24px;
    
    animation: goldGlow 8s infinite ease-in-out;

    text-shadow: 0px 0px 0px 	#b9ab73;
}

@keyframes goldFloat {
  0%, 100% {
    transform: translateX(-2px) rotate(-5deg) translateY(2px);
  }
  50% {
    transform: translateX(-2px) rotate(-5deg) translateY(0px); /* floating upward */
  }
}


.gold-q {
  position: relative;
  
  color: #b9ab73;
  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  font-family: 'Quicksand', sans-serif;
  font-weight: bold;
  font-size: 26px;
  font-style: italic;
  margin-right: 5px;
  
  /* Combine your existing animation with the new floating animation */
  animation: goldGlow 8s infinite ease-in-out, goldFloat 2s infinite ease-in-out;

  text-shadow: 0px 0px 0px 	#b9ab73;

  margin: 0;
  padding: 0;
}