/* v18: neutralize desktop phase state when the story becomes a linear layout. */
@media (max-width: 760px) {
  .emotion-story[data-phase] .emotion-story__tone,
  .emotion-story[data-phase] .emotion-story__copy,
  .emotion-story[data-phase] .emotion-story__tone-board,
  .emotion-story[data-phase] .emotion-story__words,
  .emotion-story[data-phase] .emotion-story__word-row span,
  .emotion-story[data-phase] .emotion-story__finale,
  .emotion-story[data-phase] .emotion-story__finale-copy,
  .emotion-story[data-phase] .emotion-story__mosaic {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 761px) {
  .emotion-story[data-phase] .emotion-story__tone,
  .emotion-story[data-phase] .emotion-story__copy,
  .emotion-story[data-phase] .emotion-story__tone-board,
  .emotion-story[data-phase] .emotion-story__words,
  .emotion-story[data-phase] .emotion-story__word-row span,
  .emotion-story[data-phase] .emotion-story__finale,
  .emotion-story[data-phase] .emotion-story__finale-copy,
  .emotion-story[data-phase] .emotion-story__mosaic {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}