.hero img{display: block;}
.project-stats .is-layout-flex{gap:10px}
.post-navigation{max-width:1320px;margin:0 auto 40px;padding:0 20px}
@media screen and (max-width: 767px) {
.hero h1{margin: 0;padding: 20px;}
.project-stats {max-width: 320px;margin: 0 auto;}
.project-stats .is-layout-flex{flex-wrap: nowrap !important}
.project-stats .wp-block-columns .wp-block-column:first-child{flex-basis: 40px !important}
}
@media screen and (min-width: 768px) {
.hero {position: relative;height: 45vw;overflow: hidden;}
.hero::after{position: absolute;inset:0;content: '';background-color: rgba(0,0,0,0.5);}
.hero img{width: 100%;height: 100%;object-fit: cover}
.hero h1{position: absolute;max-width: 880px;margin: 0;color: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%); z-index: 3;text-align: center;}
article:has(.hero) .project-stats {text-align: center;padding-top: 0 !important;margin-top: -50px;}
}
@media screen and (max-width: 1023px) {
.project-stats .wp-block-columns{flex-direction: column !important}
}
@media screen and (min-width: 1024px) {
.hero {height: 680px;}
article:has(.hero) .project-stats {text-align: unset; margin-top: -35px;}
.post-navigation{margin-bottom: 80px;}
}