/* Logo */
  .jyavani-logo {
    font-family: "Taviraj", serif;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 0.05em;
    display: inline-flex;
    gap: 0.02em;
    cursor: pointer;
    padding-bottom: 10px;
  }

  .jyavani-logo .letter {
    line-height: 1;
    display: inline-block;
    position: relative; /* penting untuk tooltip */
    transition: color 400ms ease, transform 400ms ease;
  }

  /* Default colors */
  .jyavani-logo .accent { color: #C3002F; }
  .jyavani-logo .base   { color: #2B2B2B; }

  /* Global hover: J & V jadi abu-abu, lainnya jadi merah */
  .jyavani-logo:hover .accent { color: #2B2B2B; }
  .jyavani-logo:hover .base   { color: #C3002F; }

  /* Global hover: semua huruf naik sedikit dengan delay bergelombang */
  .jyavani-logo:hover .letter { transform: translateY(-6px); }

  /* Wave delay per huruf */
  .jyavani-logo .letter:nth-child(1) { transition-delay: 0ms;   }
  .jyavani-logo .letter:nth-child(2) { transition-delay: 80ms;  }
  .jyavani-logo .letter:nth-child(3) { transition-delay: 160ms; }
  .jyavani-logo .letter:nth-child(4) { transition-delay: 240ms; }
  .jyavani-logo .letter:nth-child(5) { transition-delay: 320ms; }
  .jyavani-logo .letter:nth-child(6) { transition-delay: 400ms; }

  /* Hover lokal per huruf: berubah jadi emas + naik */
  .jyavani-logo .letter:hover {
    color: #DAA520;
    transform: translateY(-10px);
    transition-delay: 0ms;
  }

  /* Tooltip kata bijak */
  .jyavani-logo .letter::after {
    content: attr(data-word);
    position: absolute;
    bottom: -2em;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: #555;
    opacity: 0;
    transition: opacity 300ms ease, transform 300ms ease;
    white-space: nowrap;
    pointer-events: none;
  }

  .jyavani-logo .letter:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(-4px);
    color: #DAA520;
  }
/* End Logo */