/* WebPies — motion.css: anti-flash "arming" + magnetic CTA support. An inline script adds html.fx-arm BEFORE first paint, so animated above-the-fold content (hero title, hero elements, section headings) is hidden before it can flash visible. The JS modules (motion.js / title-fx.js) then reveal it via INLINE styles, which override these class rules. A 2s failsafe in the head script removes fx-arm if scripts never run, so content can never stay hidden. No !important — inline styles must be able to win. */ html.fx-arm [data-hero-title], html.fx-arm [data-hero-el], html.fx-arm main section h1, html.fx-arm main section h2{ opacity: 0; } html.fx-arm [data-hero-el]{ transform: translateY(18px); } [data-magnetic]{ will-change: transform; } [data-magnetic] > *{ pointer-events: none; }