/* Primera sección: una matriz de LEDs y solo la barra superior asomando. */
.cj-showcase-visual { transform:translateY(calc(var(--rise,1) * var(--intro-rise,85svh))); }
.cj-sticky[data-phase=intro] .cj-hud { bottom:clamp(84px,15svh,132px); }
.cj-led-word { overflow:visible; filter:drop-shadow(0 0 18px #b6daff28); }
.cj-led-word .cj-led-off circle { fill:#ffffff09; stroke:#ffffff0b; stroke-width:.035; }
.cj-led-word .cj-led-halo { fill:#c5e3ff; opacity:.6; animation:cj-led-breathe 5s ease-in-out infinite; }
.cj-led-word .cj-led-halo circle { fill:inherit; }
.cj-led-word .cj-led-bulbs circle { fill:#e4f1ff; animation:cj-led-warmup .9s both; animation-delay:var(--led-delay); }
.cj-led-word .cj-led-cores circle { fill:#fff; }
.cj-top .cj-led-halo { animation:none; opacity:.5; }
.cj-top .cj-led-bulbs circle { animation:none; }
.cj-foot .cj-led-halo,.cj-foot .cj-led-bulbs circle { animation-play-state:paused; }
.cj-foot.is-lit .cj-led-halo,.cj-foot.is-lit .cj-led-bulbs circle { animation-play-state:running; }
@keyframes cj-led-warmup { from { opacity:.3; } to { opacity:1; } }
@keyframes cj-led-breathe { 0%,100% { opacity:.42; } 50% { opacity:.68; } }
.cj-no-motion .cj-led-word .cj-led-halo,.cj-no-motion .cj-led-word .cj-led-bulbs circle { animation:none; }
@media(prefers-reduced-motion:reduce) { .cj-led-word .cj-led-halo,.cj-led-word .cj-led-bulbs circle { animation:none; } }