.energy-text {
  --energy-rgb: 243, 0, 10; /* #F3000A */

  position: relative;
  display: inline-block;
  white-space: nowrap;
  isolation: isolate;

  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-style: italic;
  line-height: 1.2;
  letter-spacing: .01em;
}

/* Główny tekst — glow z projektu */
.energy-main {
  position: relative;
  z-index: 20;
  display: block;
  color: #fff;
  text-align: center;

  text-shadow:
    0 0 1.333em #F3000A,
    0 .3125em 1.333em rgba(250, 242, 78, .12),
    0 0 .667em #F3000A,
    0 0 .333em #F3000A,
    0 0 .167em #F3000A;
}

/* Miękka czerwona poświata pod tekstem */
.energy-glow {
  position: absolute;
  inset: 0;
  z-index: 1;

  color: #F3000A;
  opacity: .46;
  filter: blur(max(.07em, 1px));
  transform: translateX(-.02em);

  pointer-events: none;
  user-select: none;
}

/* Rozmyta smuga w lewo */
.energy-smear {
  position: absolute;
  inset: 0;
  z-index: 2;

  color: transparent;
  pointer-events: none;
  user-select: none;

  text-shadow:
    -.05em 0 max(.025em, .5px) rgba(var(--energy-rgb), .58),
    -.12em 0 max(.055em, 1px) rgba(var(--energy-rgb), .40),
    -.25em 0 max(.11em, 1.5px) rgba(var(--energy-rgb), .22),
    -.42em 0 max(.20em, 2px) rgba(var(--energy-rgb), .11);
}

/* Poziome fragmenty / kreski energii */
.energy-slice {
  position: absolute;
  inset: 0;
  z-index: 10;

  color: #fff;
  pointer-events: none;
  user-select: none;

  opacity: var(--op);
  transform: translateX(var(--x));

  clip-path: inset(
    var(--y)
    0
    calc(100% - var(--y) - var(--h))
    0
  );

  text-shadow:
    calc(-1 * max(.025em, .6px)) 0 max(.012em, .4px) rgba(255,255,255,.55),
    calc(-1 * max(.07em, 1px)) 0 max(.03em, .6px) rgba(var(--energy-rgb), .80),
    calc(-1 * max(.16em, 2px)) 0 max(.065em, 1px) rgba(var(--energy-rgb), .32);

  filter: blur(var(--blur));
}


.energy-text{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.energy-text:not([data-energy-ready]){color:#fff;text-shadow:0 0 .3em #f3000a,0 0 .7em #f3000a}