/* ==========================================================================
   Scroll Animation — Leene hero → nav
   ========================================================================== */

/* Title animation — JS drives translate + scale + opacity */
.hero__title--animating {
  will-change: transform, opacity;
}

/* Bars follow the same transform; no visibility toggle — they slide behind the nav */
.hero__bars--animating {
  will-change: transform;
}

/* Sections slide up — JS drives translateY on .sections */
.sections {
  will-change: transform;
}

/* Scroll spacer — extra room so animation completes before content appears */
.hero-area__scroll-spacer {
  height: 0;
  flex-shrink: 0;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .header__logo-text {
    opacity: 1;
  }

  .hero__title-text {
    visibility: visible;
  }

  .hero-area__scroll-spacer {
    height: 0;
  }
}