/*
 * /enterprise — the page's tone flow (enterprise-flow.js): one ground under
 * every section after the hero, black or white by whichever section holds
 * the middle of the screen, and everything on it fading to the new tone
 * together. Only while html.ent-flow is set; without it the page stands in
 * its authored black and white bands.
 */

/* The ground. The sections that flow lose their own band, so the page is
   the one surface that changes. */
html.ent-flow,
html.ent-flow body {
  background-color: var(--ground);
  transition: background-color 800ms var(--ease-standard);
}
html.ent-flow.ent-tone-dark,
html.ent-flow.ent-tone-dark body {
  background-color: var(--band-black);
}
html.ent-flow main .section.is-dark[data-tone]:not([data-tone-fixed]) {
  background: transparent;
}

/* Everything on it follows at the same pace. :where() keeps this at zero
   weight, so any element with a transition of its own (reveals, the tiles,
   the arrows) keeps it. */
html.ent-flow main :where(*) {
  transition-property: color, background-color, border-color, fill, stroke,
    filter;
  transition-duration: 800ms;
  transition-timing-function: var(--ease-standard);
}

/* Lenis owns the scroll: the native smooth behavior must step aside. */
html.lenis,
html.lenis body {
  height: auto;
}
html.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
html.lenis.lenis-stopped {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  html.ent-flow,
  html.ent-flow body,
  html.ent-flow main :where(*) {
    transition: none;
  }
}