/* Core fonts */
.font-logo { font-family: 'Cinzel', serif; }
.font-tagline { font-family: 'Cormorant Garamond', serif; }

/* Smoke overlay */
.smoke {
  position: absolute;
  inset: -10% -10% -10% -10%;
  pointer-events: none;
  background: radial-gradient(1200px 600px at 30% 80%, rgba(255,255,255,0.06), transparent 60%),
              radial-gradient(900px 500px at 70% 20%, rgba(255,255,255,0.05), transparent 60%),
              radial-gradient(700px 400px at 50% 50%, rgba(255,255,255,0.035), transparent 60%);
  filter: blur(10px) contrast(105%);
  animation: waft 14s ease-in-out infinite;
}

@keyframes waft {
  0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.65; }
  50% { transform: translate3d(0, -2%, 0) scale(1.02); opacity: 0.85; }
  100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.65; }
}

/* Text glow */
.text-glow {
  text-shadow: 0 0 14px rgba(230, 190, 138, 0.25), 0 0 40px rgba(212, 175, 55, 0.12);
}

/* Countdown removed */

/* Social icons */
.social { filter: drop-shadow(0 0 0 rgba(230,190,138,0)); }
.social:hover { filter: drop-shadow(0 0 8px rgba(230,190,138,0.45)); }

/* Incense subtle float */
.incense { animation: floatY 6s ease-in-out infinite; }
.dhoop-cone { animation: floatY 7.5s ease-in-out infinite; }
.dhoop-stick { animation: floatY 5.5s ease-in-out infinite; }
.sambrani { animation: floatY 8s ease-in-out infinite; }
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .smoke { animation: none; }
  .incense { animation: none; }
  .dhoop-cone { animation: none; }
  .dhoop-stick { animation: none; }
  .sambrani { animation: none; }
}

/* Localized wisps over ember tips */
.wisps {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  width: 120px;
  height: 140px;
  pointer-events: none;
  filter: blur(1px);
}
.wisps span {
  position: absolute;
  left: 50%;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.08) 35%, rgba(255,255,255,0) 70%);
  animation: rise 6s ease-in-out infinite;
}
.wisps span:nth-child(1) { animation-duration: 7.5s; transform: translate(-60%, 40px) scale(0.9); }
.wisps span:nth-child(2) { animation-duration: 6.5s; transform: translate(-10%, 20px) scale(0.8); }
.wisps span:nth-child(3) { animation-duration: 8s; transform: translate(-30%, 60px) scale(1); }

@keyframes rise {
  0%   { transform: translateY(20px) translateX(-50%) scale(0.9); opacity: 0.0; }
  10%  { opacity: 0.25; }
  50%  { transform: translateY(-30px) translateX(-52%) scale(1.05); opacity: 0.35; }
  100% { transform: translateY(-80px) translateX(-47%) scale(1.15); opacity: 0; }
}
