/* education.css — bespoke hero motion layered on industry.css (scope
   .p-industry--education). The lightbulb switches ON (a lit blue-100
   tint), holds for 2s, switches off, rests — the idea arriving, on a
   loop. Seam-correct: the cycle starts and ends in the off (settled)
   fill. */

.p-industry--education .ed-bulb {
  --ih-ambient: ed-bulb 4.5s linear 2.4s infinite;
}
@keyframes ed-bulb {
  0%, 8% { fill: var(--color-grey-100); }   /* off */
  12%, 56% { fill: var(--color-blue-100); } /* click on… hold 2s */
  62%, 100% { fill: var(--color-grey-100); } /* off, rest */
}

/* nested tag takes the template's entrance+ambient dual declaration */
.p-industry--education .ih-hero__art svg .ed-bulb {
  transform-box: fill-box;
  animation:
    ih-el 0.55s var(--ease-out-expo, ease) var(--ih-el-delay, 0.12s) both,
    var(--ih-ambient, ih-none);
}
html[data-ih-skip] .p-industry--education .ih-hero__art svg .ed-bulb {
  animation: var(--ih-ambient, ih-none);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-industry--education .ed-bulb {
    animation: none;
    opacity: 1;
    transform: none;
  }
}