/* One quiet, continuous page surface, carried over from the contact section. */
html{background:#000}
body,body.pl-case{
  position:relative;
  isolation:isolate;
  min-height:100svh;
  background:#000;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 24% 75%,rgba(222,116,67,.13),transparent 48%),
    radial-gradient(ellipse at 83% 19%,rgba(255,211,78,.08),transparent 38%);
}

/* Let the shared surface show through page structure, not the artwork. */
.site-header,
.hero,
.results-section,
.visual-portfolio,
.portfolio-controls,
.story-world,
.about-section,
.ground-contact,
.ground-footer,
.pl-case .site-header,
.pl-case .pl-footer,
.pcf-hero,
.pcf-website,
.jmm-hero,
.jmm-website,
.jmm-band,
.wp-website,
.wp-band,
.rb-case .rb-showcase,
.rb-case .rb-book-section,
.rb-case .rb-brand-strip,
.rb-case .rb-systems-band,
.wb-case #main .labels-section{
  background:transparent;
}

/* The glow now belongs to the page, so the contact area needs no second layer. */
.ground-contact::before{content:none}

/* WiscoBees' former cream rows now share the page surface and readable type. */
.wb-case #main .cream{
  background:transparent;
  color:var(--white);
}
.wb-case #main .brand-copy p:not(.eyebrow),
.wb-case #main .cream .section-heading>p,
.wb-case #main .closing p:not(.eyebrow){color:#d1cfca}
.wb-case #main .logo-stage figcaption,
.wb-case #main .palette span,
.wb-case #main .size-board span,
.wb-case #main .size-note{color:#bcbab5}
.wb-case #main .size-board{border-bottom-color:#424142}

/* Project canvases, brand swatches, proof mats, dialogs and highlighted results
   deliberately keep their own colors. The fixed layer has no motion or input. */