Skip a word

I want to be a little creative with some CSS and have text that shows the first word in a different color.  I have established two CSS Classes for the colors and divided up the "Title" using the MaxWords script

  function maxWords($textOrHtml, $maxWords) { 
  $text = strip_tags($textOrHtml); 
  $words = preg_split("/\s+/", $text, $maxWords+1); 
  if (count($words) > $maxWords) { unset($words[$maxWords]); } 
  $output = join(' ', $words); 
 
  return $output; 
  } 


and then in the page code

<span class="red-title"><?php echo maxWords($record['title'], 1) ?></span> <span class="black-title"><?php echo htmlencode($record['title']) ?></span>

Now, the problem I face with that is that it shows the first word over again in the second instance.  I am thinking I need to skip the first word of the title in the second instance so my titles show up like this:

Service and Support

Any ideas on how this could be accomplished?

I have tried using (with no luck as this only removes the first letter)

<?php echo substr($record['title'], 1) ?>