/* JS owns the glyph transforms; disable legacy CSS entry and float animations. */
[data-visio-letter-motion] {
  animation: none !important;
  opacity: 1 !important;
}
[data-visio-letter-motion] .visio-hero-word-inner,
[data-visio-letter-motion="services"] {
  position: relative;
  isolation: isolate;
}
[data-visio-letter-motion="home"] .visio-hero-word-inner { translate: 0 0 !important; }
body [data-visio-letter-motion] .visio-letter,
body [data-visio-letter-motion="services"] > span {
  position: relative;
  flex-shrink: 0;
  animation: none !important;
  transition: none !important;
  translate: none !important;
  scale: none !important;
  rotate: none !important;
  transform-origin: center;
  transform: var(--visio-glyph-transform, none) !important;
  opacity: var(--visio-glyph-opacity, 0) !important;
  filter: var(--visio-glyph-filter, none) !important;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  body [data-visio-letter-motion] .visio-letter,
  body [data-visio-letter-motion="services"] > span {
    opacity: 0.75 !important;
    filter: none !important;
    will-change: auto;
  }
}

/* Let VISIO glyphs cross in continuous depth, with one shadow for the word. */
[data-visio-letter-motion="home"] .visio-hero-word-inner {
  isolation: auto;
  perspective: 650px;
  transform-style: preserve-3d;
}
body [data-visio-letter-motion="home"] .visio-letter {
  text-shadow: none;
  mix-blend-mode: normal;
  opacity: var(--visio-glyph-opacity, 0) !important;
}
body [data-visio-letter-motion="home"] {
  filter: drop-shadow(0 0 17px rgba(255, 0, 0, 0.2))
    drop-shadow(0 18px 35px rgba(0, 0, 0, 0.42));
}