@media (max-width: 1024px){
	.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.main-navigation .menu{gap:16px}
}
@media (max-width: 768px){
	.site-header__bar-inner{min-height:76px}
	.main-navigation{display:none}
	.site-header__menu-toggle{display:inline-flex}
	.site-header__hero{min-height:420px}
	.site-footer__inner,
	.posts-grid{grid-template-columns:1fr}
}