/* Background-only refinement for the approved v3 design.
   Load AFTER portfolio-v3.css. Do not change the paper/card opacity here. */
:root {
  --sky-sheen-opacity: 0.06; /* Very slight pale wash: 0 = off, 0.10 = stronger. */
  --starfield-opacity: 1;   /* Overall strength of the original white twinkle. */
}

/* The existing photograph and its positioning stay exactly as in v3.
   Everything here remains inside its fixed, behind-the-site stacking layer. */
.sky-background {
  overflow: hidden;
}

/* Photograph -> faint sheen -> animated stars -> unchanged page surfaces.
   No blur filter: it would soften the real stars as well as the image grain. */
.sky-background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(231, 241, 245, var(--sky-sheen-opacity));
  pointer-events: none;
}

.sky-background > #starfield {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: var(--starfield-opacity);
  pointer-events: none;
}

/* The base print stylesheet already hides .sky-background and its children. */