/* LAVAN Key figures motion (A, user choice 2026-10-16). Static layout stays in index.html. */

/* Before JS sets the start state (same window as the hero's wait), the row is not shown in its final state. */
html.hero-pending .key-figures .figures { visibility: hidden; }

/* While animating, the two hairlines are drawn by .kf-rule spans over the transparent borders. */
.figures.kf-run { position: relative; border-color: transparent; }
.kf-rule {
  position: absolute; left: 0; right: 0; height: 1px; pointer-events: none;
  background: color-mix(in srgb, var(--ink) 25%, transparent);
  clip-path: inset(0 calc((100% + 1px) * (1 - var(--kf-p, 1))) 0 0);
}
.kf-rule.is-top { top: -1px; }
.kf-rule.is-bottom { bottom: -1px; }

/* The moving value keeps the dd's flex row (number + unit, 7 px gap). */
.figure dd > .hm-in { display: flex; align-items: baseline; gap: inherit; }