/* ============================================================================
   Eyas — Cohesion / Polish layer (lädt ZULETZT, überschreibt bewusst)
   Wird im finalen Polish-Pass gefüllt: section-übergreifende Rhythmik,
   Section-Transitions, Scroll-Progress, Nav-Feinschliff, Reduced-Motion-Fixes.
   ========================================================================== */

/* Scroll-Progress-Bar (oben, Aurora)
   --progress wird in main.js (Section 8) als Prozent-String gesetzt
   (z.B. "42.30%") aus scrollY / (scrollHeight - innerHeight) und hier als
   width der Fuellung genutzt. Dekorativ, daher aria-hidden im Markup. */
.scroll-progress {
  position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: var(--z-nav);
  pointer-events: none; background: transparent;
}
.scroll-progress__bar {
  display: block; height: 100%; width: var(--progress, 0%);
  background: var(--aurora); box-shadow: 0 0 12px var(--glow-steel);
  transform-origin: left center;
  will-change: width;
}