/*=======================================================================
	Circuit Hero theme
	Applied by the class "theme-circuit" on .front-section. Keeps the
	section's original colours; js/circuit-hero.js draws the silver
	circuit board into .circuit-canvas behind the content and sets
	--circuit-glow on the centre piece every frame.
=======================================================================*/
.theme-circuit .circuit-canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  display: block;
}

.theme-circuit > .container {
  position: relative;
  z-index: 1;
}

/* Centre piece keeps its original float animation untouched; the beat only
   adds a soft light to its frame (--circuit-glow, set by the script). */
.theme-circuit .front-person-img {
  --circuit-glow: 0;
  box-shadow:
    0 0 70px -7px rgb(139, 0, 0),
    0 0 0 1px rgba(139, 0, 0, 0.8),
    0 0 calc(24px + 40px * var(--circuit-glow)) -8px
      rgba(190, 235, 255, calc(0.12 + 0.35 * var(--circuit-glow)));
}
.theme-circuit .front-person-img:hover {
  box-shadow:
    0px 0px 70px -7px rgb(195, 190, 190),
    0 0 0 1px rgba(139, 0, 0, 0.8),
    0 0 calc(24px + 40px * var(--circuit-glow)) -8px
      rgba(190, 235, 255, calc(0.12 + 0.35 * var(--circuit-glow)));
}