/* ────────────────────────────────────────────────────────────
   SPOTLIGHT GLOW — cursor-tracked radial light behind cards
   Driven by --mx / --my custom properties set by glow.js
   ──────────────────────────────────────────────────────────── */

/* Establish isolated stacking context so ::before z-index:-1 stays inside the card */
.bento-card,
.audit-card,
.case-chapter,
.work-card,
.tier,
.essay,
.rec-card,
.dossier-mini,
.process-step,
.bs-block,
.bs-ask-card,
.bs-prob,
.opt-btn,
.swatch,
.book-cal,
.book-confirmed,
.audit-wrap,
.playground,
.case-visit,
.book-meta,
.bs-cta,
.dossier-portrait .frame,
.lab-experiments a {
  isolation: isolate;
  position: relative;
}

/* The glow itself — sits behind content via z-index:-1 inside the isolated context */
.bento-card::before,
.audit-card::before,
.case-chapter::before,
.work-card::before,
.tier::before,
.essay::before,
.rec-card::before,
.dossier-mini::before,
.process-step::before,
.bs-block::before,
.bs-ask-card::before,
.bs-prob::before,
.opt-btn::before,
.swatch::before,
.book-cal::before,
.book-confirmed::before,
.audit-wrap::before,
.playground::before,
.case-visit::before,
.book-meta::before,
.bs-cta::before,
.dossier-portrait .frame::before,
.lab-experiments a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(
    420px circle at var(--mx, 50%) var(--my, 50%),
    rgba(0, 242, 254, 0.14),
    rgba(0, 242, 254, 0.04) 22%,
    transparent 50%
  );
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(.2, .8, .2, 1);
  pointer-events: none;
}

.bento-card:hover::before,
.audit-card:hover::before,
.case-chapter:hover::before,
.work-card:hover::before,
.tier:hover::before,
.essay:hover::before,
.rec-card:hover::before,
.dossier-mini:hover::before,
.process-step:hover::before,
.bs-block:hover::before,
.bs-ask-card:hover::before,
.bs-prob:hover::before,
.opt-btn:hover::before,
.swatch:hover::before,
.book-cal:hover::before,
.book-confirmed:hover::before,
.audit-wrap:hover::before,
.playground:hover::before,
.case-visit:hover::before,
.book-meta:hover::before,
.bs-cta:hover::before,
.dossier-portrait .frame:hover::before,
.lab-experiments a:hover::before {
  opacity: 1;
}

/* Bigger softer glow on large surfaces */
.bs-block::before,
.audit-wrap::before,
.playground::before,
.book-cal::before,
.dossier-portrait .frame::before {
  background: radial-gradient(
    600px circle at var(--mx, 50%) var(--my, 50%),
    rgba(0, 242, 254, 0.10),
    rgba(0, 242, 254, 0.02) 30%,
    transparent 55%
  );
}

/* Subtle border accent — extra magic touch when cursor is near */
.bento-card,
.work-card,
.tier,
.essay,
.rec-card,
.bs-block,
.case-chapter,
.process-step {
  transition: border-color 0.4s ease, transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s ease;
}