/* ==========================================================================
   CYBER SLATE COLOR REVEAL (DARK BACKGROUND ONLY)
   ========================================================================== */

.nx-color-reveal {
  font-family: var(--font-primary, "Inter", sans-serif) !important;
  font-feature-settings: var(--nx-font-features, "kern" 1, "liga" 1) !important;
  
  /* Desktop nyaman: start di 34px, cap di 54px */
  font-size: clamp(34px, 3.8vw, 54px) !important;
  font-weight: var(--nx-fw-semibold, 600) !important;
  font-style: normal !important;
  line-height: 1.15 !important; 
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  margin: 0 !important;

  /* Target warna saat reveal penuh (Putih Frost / Cyber Slate) */
  color: var(--nx-text-white, #f8fcff) !important;

  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/* Kondisi awal kata redup di atas canvas hitam */
.nx-color-reveal .word {
  display: inline-block !important;
  white-space: nowrap !important;
  margin-right: 0.24em !important;
  opacity: 0.15; 
  will-change: opacity;
  transition: none !important;
}

.nx-color-reveal .word,
.nx-color-reveal span {
  font-family: inherit !important;
  font-feature-settings: inherit !important;
  letter-spacing: inherit !important;
}

/* Mobile Breakpoint */
@media (max-width: 768px) {
  .nx-color-reveal {
    font-size: clamp(26px, 6.8vw, 36px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.01em !important;
    text-wrap: balance !important;
  }

  .nx-color-reveal .word {
    margin-right: 0.2em !important;
  }
}