.hero-editorial {
  background:
    radial-gradient(circle at 78% 25%, rgba(211, 162, 77, .38), transparent 25%),
    radial-gradient(circle at 70% 80%, rgba(169, 80, 55, .38), transparent 32%),
    linear-gradient(135deg, #0b211a 0%, #173b31 58%, #2f4f42 100%);
}

.hero-editorial::before {
  content: "";
  position: absolute;
  width: min(62vw, 760px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
  right: -12vw;
  top: 6%;
  box-shadow:
    0 0 0 80px rgba(255, 255, 255, .025),
    0 0 0 160px rgba(255, 255, 255, .018);
}

.editorial-principles { background: #e8e0d2; }