/* ============================================================
   KESTARFEEZ MUSIC — KEYFRAMES
   All @keyframes live here, referenced by name from styles.css.
   ============================================================ */

/* ============================================================
KESTARFEEZ MUSIC — Global Stylesheet
Dark, premium, editorial music-company aesthetic.
Bootstrap 5.3 + vanilla CSS. No frameworks.
============================================================ */
/* ---------- 1. Design tokens ---------- */
/* ---------- 2. Base ---------- */
/* Anchor offsets for fixed nav */
/* ---------- 3. Type scale ---------- */
/* Shared section-title sizes (replaces inline styles) */
/* ---------- 4. Buttons ---------- */
/* ---------- 5. Navbar ---------- */
/* ---------- 5b. Mega menu (desktop panel) ---------- */
/* Mobile full-screen menu: services list */
/* ---------- 6. Hero ---------- */
@keyframes kfFadeUp{from{opacity: 0; transform: translateY(16px);} to{opacity: 1; transform: translateY(0);}}
/* Homepage hero: outlined words rise in, then each takes a timed gold fill. */
@keyframes kfHeroRise{from{transform: translateY(105%);} to{transform: none;}}
@keyframes kfHeroStage{0%{-webkit-text-fill-color: transparent; -webkit-text-stroke-color: var(--kf-text);} 4%, 22%{-webkit-text-fill-color: var(--kf-gold); -webkit-text-stroke-color: var(--kf-gold);} 28%, 100%{-webkit-text-fill-color: transparent; -webkit-text-stroke-color: var(--kf-text);}}
/* ---------- 7. Marquee ---------- */
@keyframes kfMarquee{from{transform: translateX(0);} to{transform: translateX(-50%);}}
/* ---------- 8. Section shells ---------- */
/* ---------- 9. Kestarfeez system (the flow) ---------- */
/* ---------- 10. Introduction ---------- */
/* ---------- 11. Featured artist ---------- */
/* ---------- 12. Latest releases ---------- */
/* Latest-release spotlight */
/* Release cards */
/* ---------- 13. What we do ---------- */
/* ---------- 14. Studio ---------- */
/* ---------- 15. Artist cards ---------- */
/* ---------- 16. Distribution ---------- */
/* ---------- 17. Concerts ---------- */
/* ---------- 18. Journal ---------- */
/* ---------- 19. Final CTA ---------- */
/* ---------- 20. Footer ---------- */
/* ---------- 21. Mega menu ---------- */
@keyframes kfMegaLinkIn{to{opacity: 1; transform: translateY(0);}}
/* ---------- 22. Equalizer motif ---------- */
@keyframes kfEq{0%, 100%{transform: scaleY(.35);} 50%{transform: scaleY(1);}}
/* ---------- 23. Custom cursor ---------- */
/* ---------- 24. Reveal on scroll ---------- */
/* ---------- 25. Focus & reduced motion ---------- */
/* ---------- 26. DJ & live sets ---------- */
/* ---------- 27. Podcast ---------- */
/* ---------- 28. Mini music player ---------- */