/* anyflo-core.css
 * Where: Page Settings → Inside <head>  (load FIRST among anyflo-*.css)
 * Targets: masks created by anyflo-core.js (SplitText lines, buttons)
 */

/* hero content stays hidden until the intro timeline is ready (see Anyflo.loaded) */
html.anyflo-loading .home-hero_content,
html.anyflo-loading .home-hero_background {
  visibility: hidden;
}

/* line mask for word reveals */
.anyflo-reveal-line {
  overflow: hidden;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}

/* mask for buttons sliding in from above */
.anyflo-button-mask {
  display: inline-grid;
  overflow: hidden;
  max-width: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 479px) {
  .anyflo-button-mask { width: 100%; }
}

/* button arrow (Figma 793:4763): cream on dark buttons, the text color on light ones */
.button_icon {
  color: var(--base-colors--cream-100);
  transition: color 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}
.button:is(.is-cream, .is-secondary, .is-light) .button_icon,
.navbar_component:is(.is-dark, .is-page-dark) .button_icon {
  color: inherit;
}