/* Avoid competing parent reveals; every child finishes its own finite motion. */
main > section:not(.hero) .reveal,
.js-motion main > section:not(.hero) .reveal {
  opacity:1;transform:none;clip-path:none;transition:none;
}
main > section:not(.hero) .tiny-photo {transform:rotate(7deg)}
main > section:not(.hero) .menu-item,
main > section:not(.hero) .gallery-card,
main > section:not(.hero) .main-dish {animation:none}
main > section:not(.hero) .image-index,
main > section:not(.hero) .item-price,
main > section:not(.hero) .contact-line > span,
footer > a, footer > small {display:inline-block}
@media (hover:none) {
  main > section:not(.hero) .flavour:hover img,
  main > section:not(.hero) .gallery-card:hover img,
  main > section:not(.hero) .gallery-card:hover,
  main > section:not(.hero) .bite:hover img {transform:none;filter:none}
}

.motion-inline {display:inline-block}