Stage Gate Loader

Entry — forward push-in

The corridor camera pushes in toward the seal. Use on first paint of any gated page.

Exit — reverse pull-back

Same aesthetic, reversed transitional direction. Use before leaving a gated surface.

Live exit + navigate

Outbound links tagged data-gate-exit play the exit loader, then navigate.

Drop-in integration

<!-- auto entry on page load -->
<script src="sanctum-gate.js" data-auto-enter="access-granted"></script>

<!-- exit before navigating away -->
<a href="/logout" data-gate-exit="session-secured">Sign out</a>

<!-- programmatic -->
<script>SanctumGate.play({dir:'exit', text:'PERIMETER SEALED'});</script>