<script>
    import * as fn from '../functions'
</script>

<div class="title-location title-location--inline">
    <div role="heading" aria-level="1" aria-label="Houses" data-aos="letters-translate-bottom">
        <div class="anim-mask">
            {@html fn.lettersToSpan('Houses')}
        </div>
    </div>

    <em>of the</em>

    <div aria-label="World" data-aos="letters-translate-bottom">
        <div class="anim-mask">
            {@html fn.lettersToSpan('World')}
        </div>
    </div>
</div>
