/* ============ Wadicos · Components · Headline reveal ============ *
 * One-shot character reveal for the six hero <h1> elements:
 *   /index.html · /maison/ · /collections/ · /collections/<brand>/ ·
 *   /guide/ · /boutique/
 *
 * Mechanism:
 *   1. HTML carries `class="… h-reveal"` on the target heading.
 *   2. /assets/js/features/shared/headline-reveal.js fires on DOMContentLoaded + 100ms
 *      and adds `.h-reveal--js`, then wraps each character in
 *      <span class="char" style="--char-index: N">.
 *   3. The chars animate from opacity 0 + y 12px to final state, with
 *      30ms per-character stagger via --char-index.
 *   4. CSS fallback: if JS does not fire within 800ms (network failure,
 *      module load error, JS disabled), `.h-reveal` self-resolves to
 *      opacity 1 via the delayed `hrFallback` keyframe so the headline
 *      never stays hidden.
 *
 * Reduced motion: global override in base.css collapses every animation
 * to 0.01ms, so the headline reaches final state instantly.
 * ================================================================ */

@layer components {
  /* Splitting-based character reveal was retired with the headline-reveal
     JS stub. The .char and .whitespace runtime spans are no longer
     emitted, so the rules that animated them are removed. The
     @keyframes is kept (per user choice) in case the stub is revived. */

  @keyframes hrChar { to { opacity: 1; transform: none; } }
}