/* V77 — continuous, reversible entrances in identity chapters only.
   id-flow77 is assigned to nine ordinary chapters by the single controller.
   Home, collection, credentials and panorama never receive this class. */

/* A chapter no longer restarts its own light curtain. The V76 background seams
   continue underneath content while titles and drawings share a gentle lift. */
html[data-id-scroll-motion="on"] #main > .v61-chapter.id-flow77::before {
  content: none;
  display: none;
}

/* Preserve complete letterforms during the short vertical entrance; no cropped
   line, rotational flip or blur. Text remains stable throughout its reading area. */
html[data-id-scroll-motion="on"] #main > .id-flow77 .id-motion-line {
  overflow: visible;
  perspective: none;
}
html[data-id-scroll-motion="on"] #main > .id-flow77 .id-motion-line-inner {
  filter: none;
}
html[data-id-scroll-motion="on"] #main > .id-flow77 [data-id-motion-kind="visual"] {
  clip-path: none;
}

/* Consecutive chapters within one color field need less interstitial space.
   Navigation padding and the color-transition reservations remain untouched. */
#main > :is(#construcao, #protecao, #cor, #tipografia).id-flow77 {
  --flow-bottom: clamp(36px, 4vw, 60px);
}

/* The reserved color seam is a soft, curved field instead of a horizontal band.
   Both edges match their chapters exactly; the light follows scroll reversibly.
   It never extends into content, the home or a mockup scene. */
#main > :is(#encontro, #assinatura, #linguagem, #usos).id-flow77::after {
  height: min(var(--flow-bottom), calc(var(--flow-seam) + 36px));
  background:
    linear-gradient(180deg, var(--flow-from), transparent 46%, transparent 54%, var(--flow-to)),
    radial-gradient(ellipse 80% 130% at var(--id77-seam-x, 50%) -15%, var(--flow-from) 0%, var(--flow-from) 30%, var(--flow-to) 100%);
}

@media (prefers-reduced-motion: reduce) {
  #main > .id-flow77 .id-motion-target,
  #main > .id-flow77 .id-motion-line-inner {
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    opacity: 1 !important;
  }
}