rallyIntroH.fromTo(rallyRibbon, .6, { y:-200 }, { y:0, ease:Back.easeOut })

        .to(circleOuter, .8, { rotationY:720, ease:Expo.easeOut })

        .fromTo(ribbonRect, .8, { autoAlpha:0, y:-30 }, { y:0, autoAlpha:1, ease:Back.easeInOut }, "-=.3")

        .fromTo(rallyHeader, .8, {clip:"rect(0px 0px 40px 0px)"}, { clip:"rect(0px 460px 40px 0px)", ease:Expo.easeInOut}, "-=.4")

        .fromTo(pubContainer, .8, {clip:"rect(0px 460px 0px 0px)"}, { clip:"rect(0px 460px 161px 0px)", ease:Expo.easeInOut }, "+=.3")

        .to(pubCopyMask, .05, { autoAlpha:0 }, "+=.2")

        .fromTo(clapLeft, .4, { autoAlpha:0, x:-100, scale:1.2 }, { autoAlpha:1, x:0, scale:1, ease:Back.easeOut }, "-=.1")

        .fromTo(clapRight, .4, { autoAlpha:0, x:100, scale:.8 }, { autoAlpha:1, x:0, scale:1, ease:Back.easeOut }, "-=.4")

        .fromTo(clapBurst, .6, { autoAlpha:0 }, { autoAlpha:1, ease:Back.easeOut }, "-=.4")

        .fromTo(brandContainer, .8, {clip:"rect(0px 460px 0px 0px)"}, { clip:"rect(0px 460px 60px 0px)", ease:Expo.easeInOut }, "-=.2")

        .to(rallyBase, 0, { background:"#fff" })

        .to(clapBurst, .3, { autoAlpha:0 })

        .to(clapRight, .3, { x:150, autoAlpha:0 }, "-=.2")

        .to(clapLeft, .3, { x:-150, autoAlpha:0 }, "-=.3")

        .fromTo(brandLogo, .6, { autoAlpha:1, scale:0 }, { scale:1, ease:Expo.easeOut }, "-=.3");