/* splash.css — site-wide entry intro ("Logo Draw").
 * A full-screen deep-navy curtain: the Vidaara "V" logo draws itself, then the
 * wordmark, tagline (English + Sanskrit) and credit rise in — then the whole
 * curtain lifts upward and the page appears. Home page only, once per session,
 * skippable on any tap/scroll/key. Driven by splash.js. */

#vsplash {
  position: fixed; inset: 0; z-index: 100000;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 40%, #16294a 0%, #0a0f1a 78%);
  cursor: pointer;
  transition: opacity 0.55s ease, transform 0.85s cubic-bezier(0.7, 0, 0.2, 1);
  will-change: opacity, transform;
}
html.splash-done #vsplash { display: none !important; }               /* already seen this session */
#vsplash.vs-lift { opacity: 0; transform: translateY(-100%); pointer-events: none; }

.vs-core { text-align: center; padding: 1.2rem; }

.vs-logo { width: 96px; height: 96px; display: block; margin: 0 auto 1.15rem; filter: drop-shadow(0 12px 34px rgba(255, 107, 0, 0.5)); }
.vs-logo .vs-sq { transform-origin: center; transform: scale(0.6); opacity: 0; animation: vsPop 0.6s cubic-bezier(0.2, 1.4, 0.3, 1) forwards; }
.vs-logo .vs-v  { stroke-dasharray: 60; stroke-dashoffset: 60; animation: vsDraw 0.8s ease 0.35s forwards; }

.vs-word {
  font-family: 'Fraunces', Georgia, serif; font-weight: 700; letter-spacing: 0.3px;
  font-size: clamp(1.7rem, 5vw, 2.2rem); color: #fff; opacity: 0;
  animation: vsRise 0.7s ease 0.8s forwards;
}
.vs-dot { color: #FF6B00; }

.vs-main {
  font-family: 'Fraunces', Georgia, serif; font-weight: 600; line-height: 1.3;
  font-size: clamp(1.02rem, 3vw, 1.55rem); color: #eef2f8;
  margin: 0.5rem auto 0; max-width: 24ch; opacity: 0;
  animation: vsRise 0.8s ease 1s forwards;
}
.vs-sub {
  font-family: 'Tiro Devanagari Sanskrit', serif; line-height: 1.4;
  font-size: clamp(0.9rem, 2vw, 1.1rem); color: #aeb9c7; margin: 0.5rem 0 0; opacity: 0;
  animation: vsRise 0.8s ease 1.2s forwards;
}
.vs-credit {
  display: block; margin-top: 1.35rem;
  font-family: 'DM Sans', sans-serif; text-transform: uppercase; letter-spacing: 2.5px;
  font-size: 0.62rem; font-weight: 600; color: rgba(255, 255, 255, 0.55); opacity: 0;
  animation: vsRise 0.8s ease 1.45s forwards;
}
.vs-author {
  display: block; margin-top: 0.28rem; font-family: 'Fraunces', Georgia, serif;
  text-transform: none; letter-spacing: 0.3px; font-size: 0.98rem; font-weight: 700; color: #e7b64b;
}

@keyframes vsPop  { to { transform: scale(1); opacity: 1; } }
@keyframes vsDraw { to { stroke-dashoffset: 0; } }
@keyframes vsRise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  .vs-logo .vs-sq, .vs-word, .vs-main, .vs-sub, .vs-credit { animation: none; opacity: 1; transform: none; }
  .vs-logo .vs-v { animation: none; stroke-dashoffset: 0; }
  #vsplash { transition: opacity 0.3s ease; }
}