/* Progressive logo loader (on-demand, fragment-friendly) */
.hub-page::before {
  content: none;
}

.hub-page.logo-enabled::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: center center, center center, center center, center center;
  background-size: cover, cover, cover, cover;
  background-image: var(--hub-layer-space, none), var(--hub-layer-globe, none), var(--hub-layer-tail, none), var(--hub-layer-rocket, none);
  opacity: 0.75;
}

[data-theme="light"] .hub-page.logo-enabled::before {
  opacity: 0.75;
}

.hub-page.logo-full {
  --hub-layer-space: url("assets/hub-logo-fragment-space.svg");
  --hub-layer-globe: url("assets/hub-logo-fragment-globe.svg");
  --hub-layer-tail: url("assets/hub-logo-fragment-tail.svg");
  --hub-layer-rocket: url("assets/hub-logo-fragment-rocket.svg");
}

.hub-page.logo-space {
  --hub-layer-space: url("assets/hub-logo-fragment-space.svg");
}

.hub-page.logo-globe {
  --hub-layer-globe: url("assets/hub-logo-fragment-globe.svg");
}

.hub-page.logo-tail {
  --hub-layer-tail: url("assets/hub-logo-fragment-tail.svg");
}

.hub-page.logo-rocket {
  --hub-layer-rocket: url("assets/hub-logo-fragment-rocket.svg");
}