/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/components/blocks/sections/animations.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * animations.css — کی‌فریم‌های اختصاصی `blocks/sections` (مالکیت P1-T03).
 *
 * چرا فایل جدا: کی‌فریم سفارشی باید جایی در CSS تعریف شود، اما `globals.css`
 * و `styles/tokens.css` مالکیت این تسک نیستند (طبق CONVENTIONS.md §۰.۲ فقط
 * فایل‌های مالکیتی تسک را تغییر بده). این فایل داخل همان پوشهٔ مالکیتی
 * (`components/blocks/sections/**`) است و فقط از خودِ `float-card.tsx`
 * import می‌شود — بدون دست‌زدن به CSS مشترک. مقدار جابه‌جایی (`--motion-*`)
 * اما خودش از `styles/tokens.css` می‌آید (رفع Blocker بازرسی QA فاز ۱+۲؛
 * `@keyframes` هم مثل هر CSS دیگری می‌تواند به `var(--token)` ارجاع بدهد،
 * پس نیازی به مقدار px خام اینجا نبود).
 *
 * `prefers-reduced-motion`: نیازی به override جداگانه نیست — قانون سراسری
 * در globals.css (`* { animation-duration: .01ms !important }`) روی همهٔ
 * انیمیشن‌های صفحه از جمله همین کی‌فریم هم اعمال می‌شود.
 */
@keyframes floaty {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(var(--motion-float-bob-distance));
  }
}