/* Elastic word pop (see part.js). The motion is all Web Animations on the individual transform properties
   (scale / translate / rotate), so one element can grow on one curve while it slides on another. */

/* hide split targets only once JS is known to run (part.js marks <html> in <head>), until they are split and armed */
html.ewp-js [data-ewp-words]:not(.ewp-ready),
html.ewp-js [data-ewp-tag]:not(.ewp-ready),
html.ewp-js [data-ewp-accent]:not(.ewp-ready) { visibility: hidden; }

/* SplitText's word boxes: inline-block so they can scale and slide, kept on one line each */
.ewp-word { display: inline-block; white-space: nowrap; transform-origin: 50% 50%; will-change: transform; }

/* tags and accents need a box to scale/rotate */
[data-ewp-tag], [data-ewp-accent] { transform-origin: 50% 50%; }
[data-ewp-tag]:not(svg), [data-ewp-accent]:not(svg):not(path) { display: inline-block; }

/* reduced motion: everything at rest, nothing hidden */
@media (prefers-reduced-motion: reduce) {
  html.ewp-js [data-ewp-words], html.ewp-js [data-ewp-tag], html.ewp-js [data-ewp-accent] { visibility: visible; }
}