/* BEEM section splash — shared overlay styles + per-vertical signatures.
   Spec B §3 (signatures) + §5 (architecture). Activation is by attribute
   selector: body[data-section="X"] .intro-cell.cN { animation: ... }. */

#intro{
  position:fixed; inset:0; z-index:9999;
  display:grid; place-items:center;
  background:var(--bg-stage);
  transition:opacity var(--dur-fade) ease-out;
}
#intro.done{ opacity:0; pointer-events:none; }
.intro-mark{ width:172px; height:166px; overflow:visible; }
.intro-cell{
  fill:rgba(201,168,76,.10);
  stroke:var(--gold); stroke-width:4; stroke-linejoin:round;
  opacity:0; transform-box:fill-box; transform-origin:center;
}
.intro-ring{
  fill:none; stroke:var(--gold-hot); stroke-width:6;
  opacity:0; transform-box:fill-box; transform-origin:center;
}
.intro-b{
  font-family:Georgia,'Times New Roman',serif; font-size:84px; font-weight:700;
  fill:var(--gold-hot);
  opacity:0; transform-box:fill-box; transform-origin:center;
}
@media (max-width:560px){ .intro-mark{ width:132px; height:128px; } }

/* ===== Talent (Recruitment) =====
   Cells illuminate one-by-one with brief overshoot-pulse.
   Sequence: TL -> TR -> ML -> MR -> Bottom (c1..c5). */
body[data-section="talent"] .intro-cell.c1{ animation:introTalentCell .52s var(--ease-settle) both; animation-delay:   0ms; }
body[data-section="talent"] .intro-cell.c2{ animation:introTalentCell .52s var(--ease-settle) both; animation-delay: 180ms; }
body[data-section="talent"] .intro-cell.c3{ animation:introTalentCell .52s var(--ease-settle) both; animation-delay: 360ms; }
body[data-section="talent"] .intro-cell.c4{ animation:introTalentCell .52s var(--ease-settle) both; animation-delay: 540ms; }
body[data-section="talent"] .intro-cell.c5{ animation:introTalentCell .52s var(--ease-settle) both; animation-delay: 720ms; }
body[data-section="talent"] .intro-ring  { animation:introTalentSettle .5s  var(--ease-settle) both; animation-delay:1000ms; }
body[data-section="talent"] .intro-b     { animation:introTalentSettle .46s var(--ease-settle) both; animation-delay:1200ms; }

@keyframes introTalentCell{
  0%  { opacity:0; fill:rgba(201,168,76,.10); transform:scale(.8); }
  60% { opacity:1; fill:rgba(231,201,131,.42); transform:scale(1.06); }
  100%{ opacity:1; fill:rgba(201,168,76,.10); transform:scale(1); }
}
@keyframes introTalentSettle{
  0%  { opacity:0; transform:scale(.7); }
  100%{ opacity:1; transform:scale(1); }
}