/* Motion is decorative; all content remains visible without JavaScript. */
@media (prefers-reduced-motion: no-preference) {
  .east-copy > * { animation: basmati-enter 700ms ease-out both; }
  .east-copy > :nth-child(2) { animation-delay: 70ms; }
  .east-copy > :nth-child(3) { animation-delay: 140ms; }
  .east-copy > :nth-child(4) { animation-delay: 210ms; }
  .east-copy > :nth-child(5) { animation-delay: 280ms; }
  .east-product { animation: basmati-float 3800ms ease-in-out infinite; }
  .east-showcase.motion-paused .east-product { animation-play-state: paused; }
  .button { transition: transform 200ms ease, box-shadow 200ms ease, background-color 200ms ease; }
  .button:active { transform: translateY(1px); }
  @media (hover: hover) and (pointer: fine) {
    .button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px #51321a18; }
  }
}
@keyframes basmati-enter {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes basmati-float {
  0%, 100% { transform: translateX(-50%) translateY(0) rotate(-3deg); }
  50% { transform: translateX(-50%) translateY(-22px) rotate(2deg); }
}
.motion-toggle { position:absolute; bottom:60px; right:16px; z-index:2; border:1px solid #d1b88f; border-radius:20px; background:#fbf4e8; color:#653b26; padding:10px 14px; font:12px/1.4 Arial,sans-serif; cursor:pointer; }
.motion-toggle:focus-visible { outline:2px solid #653b26; outline-offset:3px; }
@media (prefers-reduced-motion: reduce) { .motion-toggle { display:none; } }
