/* Mobile content stays readable until its individual entrance is prepared. */
@media (max-width: 700px) {
  :is(.hero, .integration, .food-service, .work-contact) .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .collaboration-models .partnership-model-entry.reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .mobile-trial .trial-item.trial-pending,
  .mobile-trial .partnership-model-entry.trial-item.trial-pending {
    opacity: 0;
    transform: translate3d(0, 24px, 0);
    transition: none;
  }
  .mobile-trial .trial-item.trial-seen,
  .mobile-trial .partnership-model-entry.trial-item.trial-seen {
    opacity: 1;
    transform: none;
    transition: opacity 900ms cubic-bezier(.22,1,.36,1), transform 900ms cubic-bezier(.22,1,.36,1);
    transition-delay: 0s;
  }
  .mobile-trial .trial-item.trial-pending:focus-within,
  .mobile-trial .trial-item.trial-seen:focus-within {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .collaboration-models .partnership-model-entry .collaboration-arrow,
  .collaboration-models .partnership-model-entry .collaboration-arrow svg {
    animation: none;
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: no-preference) {
  .collaboration-models .partnership-model-entry.trial-arrow-entering .collaboration-arrow svg {
    animation: mobile-arrow-once 650ms ease-out;
  }
  @keyframes mobile-arrow-once {
    0%, 100% { transform: translateY(0); }
    45% { transform: translateY(4px); }
    75% { transform: translateY(-1px); }
  }
}

@media (max-width: 700px) and (prefers-reduced-motion: reduce) {
  :is(.hero, .integration, .food-service, .work-contact) .reveal,
  .mobile-trial .trial-item.trial-pending,
  .mobile-trial .trial-item.trial-seen,
  .mobile-trial .partnership-model-entry.trial-item.trial-pending,
  .mobile-trial .partnership-model-entry.trial-item.trial-seen {
    opacity: 1;
    transform: none;
    animation: none;
    transition: none;
  }
}