/* DESIGN-006: independently adjustable logo lighting, depth and grain. */
body {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background-color: var(--hero-backdrop);
  background-image:
    radial-gradient(ellipse 65% 570px at 100% 390px, #4b715b 0%, transparent 75%),
    radial-gradient(ellipse 80% 730px at 15% 690px, #203e33 0%, transparent 80%);
  background-repeat: no-repeat;
}
body::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .075;
  background-image: url("./assets/hero-grain.svg");
}
.brand-original { width: 76%; max-width: none; height: auto; filter: none; position: relative; z-index: 3; }
@media (max-width: 700px) {
  body {
    background-image:
      radial-gradient(ellipse 100% 450px at 100% 380px, #4b715b 0%, transparent 80%),
      radial-gradient(ellipse 100% 500px at 0% 500px, #203e33 0%, transparent 85%);
  }
}