<script>
document.addEventListener('DomContentLoaded', ()=> {
	document.querySelectorAll('.article-list-block-item').forEach(item => {
    	const tag = item.querySelector('.article-tag-content');
        if (tag && /\bинтервью\b/i.test(tag.text.Content)) {
        	item.classList.add('interview');
        }
    });
});
</script>
<style>
.article-list-block-item.interview {
	grid-row: 1/3;
}
</style>

<script>
  window.addEventListener('load', () => {
    document.querySelectorAll('.article-tag-content').forEach(tag => {
      if (tag.textContent.trim().toLowerCase() === 'интервью') {
        const card = tag.closest('.article-list-block-item.w-dyn-item');
        if (card) card.classList.add('interview');
      }
    });
  });
</script>

<script>
window.addEventListener('load',()=>{
  document.querySelectorAll('.article-list-block-item.w-dyn-item').forEach(item=>{
    const imgWrap = item.querySelector('.article-card-wrap-image');
    if (imgWrap && !imgWrap.classList.contains('w-condition-invisible')) {
      item.classList.add('photoview');
    }
  });
});
</script>

‍
<style>
.article-list-block {
  grid-auto-flow: row dense !important;
}
  .article-list-block-item.interview {
    grid-row: span 3 !important;
    grid-column: span 1 !important;
  }

@media (min-width: 1440px) {
  .article-list-block-item.interview {
    grid-row: span 2 !important;
  }
}

@media (max-width: 479px) {
  .article-list-block-item.interview {
    grid-row: span 2 !important;
  }
}

@media (min-width: 1440px) {
  .article-list-block-item.photoview {
    grid-row: span 1 !important;
    grid-column: span 2 !important;
  }
}

@media (min-width: 1920px) {
  .article-list-block-item.photoview {
    grid-column: 3 / 5 !important;
  }
}
</style>