.swfh-hero {
  position: relative;
  width: 100%;
  min-height: var(--swfh-height, 100vh);
  background-image:
    linear-gradient(rgba(5, 8, 14, var(--swfh-overlay, 0.35)), rgba(5, 8, 14, calc(var(--swfh-overlay, 0.35) + 0.08))),
    var(--swfh-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: var(--swfh-radius, 0);
  overflow: hidden;
  box-shadow: inset 0 0 120px rgba(0,0,0,0.35);
}

.swfh-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(39, 87, 255, 0.18), transparent 32%),
    radial-gradient(circle at 84% 78%, rgba(255, 184, 0, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.18));
  pointer-events: none;
}

.swfh-overlay-glow {
  position: absolute;
  inset: auto 0 0 0;
  height: 28%;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.45));
  pointer-events: none;
}