/* ═══════════════════════════════════════════
   KBF ANIMATIONS — Particles + Floating BG
   Does NOT override existing reveal system
   ═══════════════════════════════════════════ */

/* ─── FLOATING PARTICLES ─── */
.kbf-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.kbf-has-particles{position:relative;overflow:hidden}

.kbf-particle{
    position:absolute;border-radius:50%;opacity:0;
    animation:kbfFloat linear infinite;
}
.kbf-particle--dot{width:3px;height:3px;background:rgba(214,175,102,0.3)}
.kbf-particle--ring{border:1px solid rgba(214,175,102,0.15);background:transparent}
.kbf-particle--diamond{background:rgba(214,175,102,0.18);border-radius:1px;transform:rotate(45deg)}

@keyframes kbfFloat{
    0%{opacity:0;transform:translateY(100%) rotate(0deg)}
    10%{opacity:0.8}
    90%{opacity:0.8}
    100%{opacity:0;transform:translateY(-100px) rotate(360deg)}
}

/* ─── BG FLOATING SHAPES ─── */
.kbf-bg-shape{position:absolute;pointer-events:none;opacity:0.04;z-index:0}
.kbf-bg-shape--circle{
    width:350px;height:350px;border-radius:50%;
    border:2px solid rgba(214,175,102,0.3);
    animation:kbfOrbit 25s linear infinite;
}
.kbf-bg-shape--diamond{
    width:180px;height:180px;
    border:1px solid rgba(214,175,102,0.2);
    transform:rotate(45deg);
    animation:kbfSpin 30s linear infinite;
}
@keyframes kbfOrbit{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}
@keyframes kbfSpin{0%{transform:rotate(45deg)}100%{transform:rotate(405deg)}}

/* ─── STAGGER CHILDREN (safe — triggered by JS) ─── */
.kbf-stagger-go > *{
    animation:kbfPopIn .5s cubic-bezier(.16,1,.3,1) both;
}
.kbf-stagger-go > *:nth-child(1){animation-delay:.05s}
.kbf-stagger-go > *:nth-child(2){animation-delay:.1s}
.kbf-stagger-go > *:nth-child(3){animation-delay:.15s}
.kbf-stagger-go > *:nth-child(4){animation-delay:.2s}
.kbf-stagger-go > *:nth-child(5){animation-delay:.25s}
.kbf-stagger-go > *:nth-child(6){animation-delay:.3s}
.kbf-stagger-go > *:nth-child(7){animation-delay:.35s}
.kbf-stagger-go > *:nth-child(8){animation-delay:.4s}

@keyframes kbfPopIn{
    0%{opacity:0;transform:translateY(25px) scale(0.95)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}