Как сверстать на БЭМ первые буквы слова?

В БЭМ не используют селекторы тегов и идентификаторов. Стили блоков и элементов описываются через селекторы классов. Как тогда сверстать первые буквы у слова? Неужели каждой первой букве задавать отдельный класс элемента? Задал через span, но по методологии БЭМ это не верно.

<!-- header -->

    <header class="header">
        <div class="wrapper">

            <div class="top">
                <div class="top__title"><span>S</span>ublime</div>
                <div class="top__description"><span>S</span>ublime: A one page responsive wordpress theme suitable for any kind of business representation.</div>
                <div class="top__link">Download the psd.</div>
            </div>

            <div class="banner">
                <div class="banner__title"><span>We</span> create Awesome Games</div>
                <div class="nav">
                    <div class="nav__item"><a class="nav__link" href="#">About</a></div>
                    <div class="nav__item"><a class="nav__link" href="#">Development</a></div>
                    <div class="nav__item"><a class="nav__link" href="#">Projects</a></div>
                    <div class="nav__item"><a class="nav__link" href="#">Blog</a></div>
                </div>
            </div>

        </div>
    </header>

    <!-- header -->