/* Base */
:root{
  --fluens-hero-gradient: linear-gradient(135deg, #111111 0%, #1f1f1f 100%);
}

.material-symbols-outlined{
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.hero-gradient{background: var(--fluens-hero-gradient);}
.signature-gradient{background: var(--fluens-hero-gradient);}

.glass-nav{
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(31, 31, 31, 0.08);
}

.text-editorial{letter-spacing:-0.02em;}

.ckd-nav{
  background: rgba(17, 17, 17, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Helpers */
html{scroll-behavior:smooth;}

/* Mobile menu */
[data-mobile-menu][aria-hidden="true"]{display:none;}

/* Scroll reveal */
[data-reveal]{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 600ms ease, transform 600ms ease;
  will-change: opacity, transform;
}

[data-reveal].is-revealed{
  opacity: 1;
  transform: translateY(0);
}


@media (prefers-reduced-motion: reduce){
  [data-reveal]{
    opacity: 1;
    transform: none;
    transition: none;
  }
}