/* hero2/index.html only — the second (diagonal-peel) tear canvas is stacked
   above the stage-1 band canvas (z-index:1) so its opaque white flap hides the
   colour beneath it, while its transparent areas keep showing stage 1. Text
   layers (final-text z2, #intact z6, overlays) stay above it. */

#heroTearCanvas2 {
  z-index: 3;
}

/* The colour-stage headline is kept on screen through the second tear, so lift
   it above the stage-2 canvas (z-index:3) — otherwise the white flap would
   paint over it where they overlap. */
.final-text {
  z-index: 5;
}

/* Placeholder layer for copy that will later sit on the revealed white. Kept
   empty and non-interactive for now. */
.white-text {
  z-index: 4;
  pointer-events: none;
}