The first panel in Pique has some inline CSS that’s adding 222px above the first piece of content, which is probably why you haven’t been able to override it easily with custom CSS:
<div class="pique-panel-content" style="padding-top: 222px;">
If I remove that in my browser inspector the logo pops up higher.
To override that with CSS you’ll need to use !important – something we generally try to avoid, but it’s necessary here:
.home .post-2 .pique-panel-content {
padding-top: 170px !important;
}
I also noticed your site is running on WordPress.com. These forums are for folks running the WordPress software on their own hosting, not on WordPress.com. If you need further help with CSS on WordPress.com, feel free to post in the CSS Customization forum there.