Slat - Crystal

<pre class="c-library-pre c-library-pre--bordered"><code>c-slat c-slat--grey c-slat--crystal</code></pre>
<div class="c-slat c-slat--grey c-slat--crystal">
  <div class="o-grid o-grid--of-three">
    <span></span>
    <div class="mp c-usp c-usp c-usp--bordered">
      <div class="u-flow ">
        <h3 class="c-h c-h--step-2 c-usp__title">Example content</h3>
        <div class="mp o-prose u-step--1">
          <p>This content is centered for effect, to show any graphics appearing on the right, or left of this slat.</p>
        </div>
      </div>
    </div>
    <span></span>
  </div>
</div>

{
  "classes": "c-slat c-slat--grey c-slat--crystal"
}