/* GSAP motion layer support (see js/motion.js) */

/* hide the first screen for a moment so the intro never flashes; the head script removes this after 2.5s at the latest */
.motion-wait .hero, .motion-wait .nav, .motion-wait .top, .motion-wait .promo,
.motion-wait .wiz, .motion-wait .dash-bar, .motion-wait .proj { visibility: hidden; }

/* masked words for headline reveals */
.sw { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .03em .14em; margin: 0 -.03em -.14em; }
.swi { display: inline-block; will-change: transform; }
/* chrome text: paint the gradient on each word so it survives the per-word transforms */
.swc { background: var(--chrome); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* GSAP takes over these entrances, so the CSS keyframes step aside */
.gsap-on .hero-copy, .gsap-on .buy, .gsap-on .pillars article, .gsap-on .hero-vis,
.gsap-on .wiz, .gsap-on .grid .agent, .gsap-on .proj-card { animation: none; }
.gsap-on .acct.in .bars div { animation: none; }
.gsap-on .brow .fill { transition: none; }

/* magnetic buttons keep their own press feedback */
.gsap-on .btn-lime:active, .gsap-on .btn-next:active { transform: none; }