/* Reveal existing title bands only. Typography and final colors stay intact. */
html.highlight-motion [data-highlight-motion] .highlight::before {
  clip-path: inset(0);
}
html.highlight-motion [data-highlight-state="waiting"] .highlight::before {
  clip-path: inset(0 100% 0 0);
}
html.highlight-motion [data-highlight-state="revealing"] .highlight::before {
  transition: clip-path 580ms cubic-bezier(.22,.61,.36,1);
}
html.highlight-motion [data-highlight-state="revealing"] .freedom::before {
  transition-delay: 160ms;
}
html.highlight-motion [data-highlight-state="waiting"] .title-accent {
  background-size: 0% .7em;
}
html.highlight-motion [data-highlight-state="revealing"] .title-accent {
  background-size: 100% .7em;
  transition: background-size 580ms cubic-bezier(.22,.61,.36,1);
}
html[data-motion="off"].highlight-motion [data-highlight-motion] .highlight::before {
  clip-path: inset(0); transition: none;
}
html[data-motion="off"].highlight-motion [data-highlight-motion] .title-accent {
  background-size: 100% .7em; transition: none;
}
@media(prefers-reduced-motion:reduce) {
  html.highlight-motion [data-highlight-motion] .highlight::before {clip-path:inset(0);transition:none}
  html.highlight-motion [data-highlight-motion] .title-accent {background-size:100% .7em;transition:none}
}
@media print {
  html.highlight-motion [data-highlight-motion] .highlight::before {clip-path:inset(0);transition:none}
  html.highlight-motion [data-highlight-motion] .title-accent {background-size:100% .7em;transition:none}
}