/* ===========================================================
   Strepen — decoratieve laag (read-only)
   Geen editor; plaatst de vastgelegde penseelstreken,
   verankerd aan secties zodat ze meeschalen bij resize.
   =========================================================== */
#page { position: relative; }

.streep-layer {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  overflow: visible;
}
#streep-back  { z-index: 0; }
#streep-front { z-index: 6; }

.streep {
  position: absolute;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;  mask-size: 100% 100%;
  -webkit-mask-position: center; mask-position: center;
  background-color: var(--brand-blue);
  transform-origin: center center;
  pointer-events: none;
  user-select: none;
}