/* ZWZ Scroll Layers R4. Decorative and noninteractive. No original stylesheet edits. */
.zwz-motion-target { isolation: isolate; }
.zwz-motion-stage {
  position: absolute; top: 0; left: 0; width: 100%; height: 100vh;
  overflow: hidden; pointer-events: none; user-select: none; z-index: 0;
  contain: layout paint; box-sizing: border-box;
}
.zwz-motion-stage.zwz-motion-flow {
  position: sticky; top: 0; height: 100vh; margin-bottom: -100vh;
}
.zwz-motion-canvas { width: 1200px; height: 700px; position:absolute; top:0; left:0;
  transform-origin: 0 0; pointer-events:none; }
.zwz-motion-item { position:absolute; display:block; object-fit:fill; max-width:none !important;
  max-height:none !important; border:0 !important; pointer-events:none !important;
  transform-origin: center center; will-change:transform; backface-visibility:hidden; }
.zwz-motion-target > .landing-container,
.zwz-motion-target > .about-me,
.zwz-motion-target > .what-box,
.zwz-motion-target > .career-container,
.zwz-motion-target > .v2-work-inner,
.zwz-motion-target > .contact-container,
.zwz-motion-target > .flow-page { position: relative; z-index: 2; }
.zwz-motion-target > .flow-floating { z-index: var(--z-float, 80); }
.zwz-motion-target > .flow-modal-backdrop { z-index: var(--z-modal, 999); }
.zwz-motion-debug .zwz-motion-stage { outline:1px dashed #e0aa64; }
@media (prefers-reduced-motion: reduce) { .zwz-motion-item { will-change:auto; } }