Scrollmagic pinning inside container that is pushed off canvas

[rumack]

Not sure if this is an issue with scrollmagic or something obvious I just can't see. I have two components that work fine independently of each other. The first is a side navbar that pushes the content off canvas when it opens. The second is a basic site layout that uses scrollmagic pinning.

So both nav and layout work fine in their own right (code pens available here and here) but when I try to put them together the scrollmagic pinning breaks, and I can't figure out why. Here's a code pen with a stripped down version of the problem: see here.

Is this a limitation of scrollmagic, or am I missing something simple? Cheers, Ro

[rumack]

Looks like the problem is connected to the transforms. Sorry, just seeing this. Would still be interested to know if there's any kind of workaround available. Thanks!