/* ============================================================
   ALUMFER — Cinematic Engine CSS
   ============================================================ */

/* ── Disable legacy CSS hero animations when GSAP is active ── */
html.cinematic .hero__eyebrow,
html.cinematic .hero__title,
html.cinematic .hero__subtitle,
html.cinematic .hero__actions,
html.cinematic .hero__stats,
html.cinematic .hero__location {
  animation: none !important;
}

/* ── Remove CSS transition fights with GSAP ── */
html.cinematic .reveal,
html.cinematic .section-header,
html.cinematic .feature {
  transition: none !important;
}

/* ── Section-header rule: CSS animation disabled, GSAP sets is-visible ── */
html.cinematic .section-header.is-visible::after {
  animation: ruleGrow 500ms var(--ease) both;
}

/* ── SplitType word/line containers ── */
.word { display: inline-block; }
.char { display: inline-block; }
.line { overflow: hidden; display: block; }

/* ── GPU hints for animated elements ── */
.navbar__cta { will-change: transform; }