/**
 * PlaidCars — brand motion  (Master Plan v3 §4.10)
 * CR-BRAND-IDENTITY-ROLLOUT — BR-7.
 *
 * Three moves, subtle + consistent, reserved for key information — never decoration;
 * short (<~1s for UI). EVERYTHING here is wrapped in prefers-reduced-motion so a user
 * who asks for less motion sees none. Reversible (drop the enqueue).
 */

@media (prefers-reduced-motion: no-preference) {
    /* The Stamp — the mark presses in on load (logo reveal). Official, decisive.
       Compositor-only (opacity + transform) so it never triggers layout. */
    .custom-logo {
        animation: pc-stamp 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    }
    @keyframes pc-stamp {
        0%   { opacity: 0; transform: scale(1.06); }
        100% { opacity: 1; transform: scale(1); }
    }
}

/* The Count (brand-motion.js) ticks a single figure to its target. Keep the digits
   tabular so the width doesn't jitter while counting — applies with OR without
   reduced-motion (the final value is identical; only the tween is gated). */
[data-pc-count-to] { font-variant-numeric: tabular-nums; }