/*
  Shared non-home page background shell.
  This reproduces the Portfolio page's fixed black/gold ambient background
  without changing page content, navigation, cards or footer structure.
*/
html{
  background:#020408 !important;
}

body.portfolio-background{
  background:#020408 !important;
}

body.portfolio-background::before{
  content:'' !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 50% -12%,rgba(212,168,71,.16),transparent 34%),
    radial-gradient(circle at 12% 45%,rgba(212,168,71,.045),transparent 28%),
    radial-gradient(circle at 88% 68%,rgba(212,168,71,.055),transparent 30%),
    linear-gradient(180deg,#020408,#05070c 48%,#020408) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

body.portfolio-background::after{
  content:'' !important;
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:1 !important;
  opacity:.18 !important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 84px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 84px) !important;
  -webkit-mask-image:radial-gradient(circle at 50% 42%,black,transparent 80%) !important;
  mask-image:radial-gradient(circle at 50% 42%,black,transparent 80%) !important;
}

#portfolio-space{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  opacity:.95;
}

/* The Vault previously had its own fixed background layer. Disable only that
   base layer so the Portfolio shell is the common background. */
body.vault-shared-background .page-bg,
body.vault-shared-background .bg{
  background:transparent !important;
}
body.vault-shared-background .page-bg::before,
body.vault-shared-background .page-bg::after,
body.vault-shared-background .bg::before,
body.vault-shared-background .bg::after{
  display:none !important;
}

/* Keep the Vault's content/card styling, but let every major page band sit on
   the same Portfolio background rather than swapping between dark surfaces. */
body.vault-shared-background .hero,
body.vault-shared-background .trust,
body.vault-shared-background .section.light,
body.vault-shared-background .section.paper,
body.vault-shared-background .section.dark,
body.vault-shared-background .final,
body.vault-shared-background .waitlist,
body.vault-shared-background .product-hero{
  background:transparent !important;
}

@media (prefers-reduced-motion:reduce){
  #portfolio-space{display:none !important;}
}