/* ============================================================
   LFG MOTION — styles for the legacy content layer (lfg-motion.js).
   Loaded after lfg.css. Only the headline word wrappers remain; the old
   preloader, curtain, glow, dust, shimmer and ink-mask styles are retired.
   ============================================================ */

/* ---------- split headline wrappers ----------
   Condensed capitals sit tight, so the mask gets a little room below the
   baseline (commas, Q tails) and the margin cancels it. */
.lfgm-w { display: inline-block; overflow: hidden; vertical-align: bottom; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.lfgm-w--free { overflow: visible; }
.lfgm-wi { display: inline-block; will-change: transform; }

/* ---------- card hover: gold edge-light (pure CSS, fine pointers) ---------- */
@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .panel { transition: border-color 0.3s var(--ease, ease), box-shadow 0.3s var(--ease, ease); }
  .panel:hover { border-color: var(--line-strong); box-shadow: var(--shadow-1); }
}