/* Kröll Consulting — scroll-animation demo layer (local only)
   Adds: Lenis smooth scroll support, a thin scroll-progress bar,
   a slightly richer reveal on the proof mockups. Everything degrades
   cleanly under prefers-reduced-motion. */

/* --- Lenis smooth scroll (recommended base styles) --- */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-smooth iframe { pointer-events: none; }

/* --- scroll-progress bar (thin, one accent colour) --- */
.kc-progress{
  position:fixed; top:0; left:0; width:100%; height:3px;
  background:var(--accent); z-index:9999;
  transform:scaleX(0); transform-origin:0 50%;
  pointer-events:none; will-change:transform;
}

/* --- richer entrance on the proof mockups (fade + slight rise + scale) --- */
.kc-anim .mock.reveal{ transform:translateY(30px) scale(.975); }
.kc-anim .mock.reveal.in{ transform:none; }

/* numbers shouldn't jump width while counting */
.cu{ font-variant-numeric:tabular-nums; }

@media (prefers-reduced-motion:reduce){
  .kc-progress{ display:none; }
  .kc-anim .mock.reveal{ transform:none; }
}