/* Jelenlét — wild motion layer (add-on). All effects reduced-motion safe. transform/opacity/filter only. */
.depth-wrap{position:absolute;inset:0;z-index:0;pointer-events:none}

/* jewel halo behind problem cards on hover */
.jl-glow{position:absolute;inset:-20%;z-index:0;border-radius:inherit;opacity:0;filter:blur(34px);
  background:conic-gradient(from 0deg,var(--amber),var(--magenta),var(--iris),var(--cyan),var(--gold),var(--amber));
  animation:spin 6s linear infinite;transition:opacity .45s ease;pointer-events:none}
.card:hover .jl-glow{opacity:.28}

/* kinetic letter wave on hero em */
.hero h1 em .lw{display:inline-block;will-change:transform}
.hero h1 em.waving .lw{animation:letterWave .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 0.035s)}
@keyframes letterWave{0%{transform:translateY(0)}35%{transform:translateY(-.2em) scale(1.08)}70%{transform:translateY(.04em)}100%{transform:translateY(0)}}

/* spark burst (demo button) */
.spark-bit{position:fixed;z-index:100;width:7px;height:7px;border-radius:50%;pointer-events:none;
  transform:translate(-50%,-50%);animation:sparkBurst .7s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}
@keyframes sparkBurst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}
  100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2);opacity:0}}

/* cursor comet trail */
.trail-dot{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;mix-blend-mode:multiply;will-change:transform;transform:translate(-50%,-50%);z-index:1}

@media(prefers-reduced-motion:reduce){.jl-glow,.trail-dot,.spark-bit{display:none}}