/* Safari / iPhone fix: Safari can't paint a parent's gradient through words that are split into their own
   animated boxes, so the coloured words vanished. Give every split word its own gradient fill instead. */
.grad-text .fx-wi {
  background: var(--grad); background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  animation: sheen 6s linear infinite;
}
body.product-studio .product-hero h1 > span:not(.fx-w) .fx-wi,
body.product-studio .section-title > span:not(.fx-w) .fx-wi {
  background: linear-gradient(90deg, #f47721, #ff5ab4 55%, #a684ff);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}