/* ============ BIDIT LIVING HERO — HD Tree & Flower of Life (2026-06-09) ============
   Replaces the old raster hero. The 4K art (hero-fol.webp) sits on .hero-art (a real div so
   GSAP can parallax/tilt it); .hero::after = vignette + left scrim (static, no-JS safe);
   hero-fol.js adds a breathing bloom, drifting gold motes, a cursor spotlight, a subtle 3D
   mouse-tilt and scroll parallax. Reduced-motion users get the clean static art. Loaded
   after app.css so these rules win; only affects the landing (.hero). */
.hero{ background:#05050a !important; perspective:1400px; }
.hero::before{ display:none !important; }              /* kill old flower-shimmer bling */

.hero-art{
  position:absolute; inset:-6%; z-index:0; transform-style:preserve-3d; will-change:transform;
  background:url('/static/hero-fol.webp') center 46% / cover no-repeat;
}
.hero::after{                                          /* vignette + left scrim (static) */
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  opacity:1 !important; animation:none !important; transform:none !important; mix-blend-mode:normal !important;
  background:
    linear-gradient(90deg, rgba(5,5,10,0.84) 0%, rgba(5,5,10,0.42) 36%, rgba(5,5,10,0) 62%),
    radial-gradient(125% 92% at 60% 45%, transparent 28%, rgba(5,5,10,0.5) 76%, #05050a 100%);
}
.hero-glow{ position:absolute; left:60%; top:45%; width:58%; height:64%; transform:translate(-50%,-50%);
  z-index:1; pointer-events:none; mix-blend-mode:screen; will-change:transform,opacity;
  background:radial-gradient(circle, rgba(243,201,105,0.22) 0%, rgba(243,201,105,0.07) 40%, transparent 70%); }
.cursor-glow{ position:absolute; z-index:1; width:360px; height:360px; left:0; top:0; margin:-180px 0 0 -180px;
  pointer-events:none; opacity:0; mix-blend-mode:screen;
  background:radial-gradient(circle, rgba(243,201,105,0.16) 0%, rgba(243,201,105,0.05) 40%, transparent 68%); }
.hero-mote{ position:absolute; border-radius:50%; z-index:2; will-change:transform,opacity;
  background:radial-gradient(circle, rgba(255,248,224,1) 0%, rgba(243,201,105,.95) 45%, transparent 72%);
  box-shadow:0 0 8px 1px rgba(243,201,105,.5); }

/* brighter, punchier "Just Bidit." gold so it pops on the dark side */
.hero h1 em{
  font-style:normal !important;
  background:linear-gradient(95deg,#fff4d2,#ffd86b 46%,#f2bd45) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
  text-shadow:none !important; filter:drop-shadow(0 0 22px rgba(255,206,98,.62)); }

/* ───── below-hero polish: hover lift on petal cards + steps ───── */
.petal-card{ transition:transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease; will-change:transform; }
.petal-card:hover{ transform:translateY(-6px) scale(1.012); box-shadow:0 18px 44px rgba(243,201,105,.20); }
.industry-band .step{ transition:transform .3s ease, box-shadow .3s ease; }
.industry-band .step:hover{ transform:translateY(-4px); box-shadow:0 10px 28px rgba(243,201,105,.16); }