/* ═══════════════════════════════════════════════
   DASS TEAM — Hero Slides Visual Backgrounds
   Additional animated cinematic overlays for hero
   ═══════════════════════════════════════════════ */

/* Hero slide backgrounds (cycle via JS) */
.hero-bg[data-slide="0"] {
  background:
    radial-gradient(ellipse 55% 80% at 68% 50%, rgba(35,35,35,0.5) 0%, transparent 65%),
    linear-gradient(125deg, #070707 0%, #181818 40%, #252525 65%, #0d0d0d 100%);
}
.hero-bg[data-slide="1"] {
  background:
    radial-gradient(ellipse 60% 85% at 30% 55%, rgba(20,30,25,0.5) 0%, transparent 65%),
    linear-gradient(145deg, #050505 0%, #141414 35%, #1e2620 60%, #0a0a0a 100%);
}
.hero-bg[data-slide="2"] {
  background:
    radial-gradient(ellipse 50% 80% at 75% 45%, rgba(25,20,30,0.5) 0%, transparent 65%),
    linear-gradient(115deg, #080808 0%, #1a1520 40%, #221c28 60%, #0c0c0c 100%);
}