/* Content stays visible when scripts are unavailable. Only enhancements animate. */
@media (prefers-reduced-motion: no-preference) {
  .wordmark .brand-mark { transition: transform .5s cubic-bezier(.2,.7,.2,1); }
  .wordmark:hover .brand-mark { transform: rotate(-7deg); }
  .button { transition: background .22s, color .22s, transform .22s, box-shadow .22s; }
  .button:active { transform: translateY(1px) scale(.985); }
  .button-dark:hover { box-shadow: 0 5px 15px #41304414; }
  .offer-content { transition: background .25s, border-color .25s, box-shadow .25s, transform .25s; }
  .offer-option:hover .offer-content { transform: translateY(-3px); box-shadow: 0 7px 18px #4130440c; }
  .offer-option:active .offer-content { transform: translateY(-1px); }
  .story-image img, .story-page-photo img { transition: transform 1.2s cubic-bezier(.2,.65,.2,1); }
  .story-image:hover img, .story-page-photo:hover img { transform: scale(1.025); }
  .faq-list details[open] .faq-answer { animation: answer-in .32s ease-out; }
  .mobile-menu:not([hidden]) { animation: menu-in .24s ease-out; }
  #order-summary-details[open] .summary-content { animation: answer-in .3s ease-out; }
  @keyframes answer-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes menu-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}