em-text">Right-to-Left Layout</div></a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    
      <div class="pxh-login pxh-login--narrow@md pxh-login--wide@lg">
        <a href="#" class="pxh-login__profile-link" title="User with an extremely long name">
          <div class="pxh-login__avatar">
            <img src="img/avatar.jpg" class="pxh-login__avatar-image">
          </div>
          <div class="pxh-login__name pxh-login__name--narrow@md pxh-login__name--wide@lg">
