Максим

<div>
    <div>Ребенок
        <div>Ребенок ребенка</div>
    </div>
</div>

.content {
  margin-bottom: 400px;
}

.footer {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   height: 400px;
   z-index: -1;
}

<div id="item-1" class="item" tabindex="-1">
    <div class="item__image" id="1" onClick='focusElement(id);' tabindex="-2">
</div>

function focusElement(id){
  var el = $(".item");
         el.focus();
    }

чтобы слово "in" было ниже "Work" на одну строчку, а "minimalism" ниже "in" также на одну строчку?

.in {
    vertical-align: -1em;
}

.minimal {
    vertical-align: -2em;
}