/* Signature: floatender Gradient-Orb hinter dem Hero. */
.hero {
  position: relative;
  overflow: hidden;
}
.hero::after {
  content: '';
  position: absolute;
  top: -10%;
  right: -15%;
  width: 60vw;
  height: 60vw;
  max-width: 800px; max-height: 800px;
  background: radial-gradient(circle, var(--accent) 0%, transparent 65%);
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
}
.hero > * { position: relative; z-index: 1; }