Hidden H1 Tags

Just got a project where all of the H1 tags are written as shown below.

The H1 tags that screaming frog was showing, did not match the site's titles so I searched for them through "view page source".

Can't understand sh*t by looking at the code, though am trying my best.

I found the H1 tags along with the word "hidden" everywhere, which triggered my spidey senses, so I've been searching if hidden H1 tags violate Google's guidelines, which seems to be the case but am not so sure what the code below actually does and if it actually hides the H1 tags or am missing something here, since there's also no violation from Google showing up in GSC.

Any advice would be very much appreciated.

</div> </header> <div class="region region-hidden-titles" id="region-hidden-titles"> <div id="block-pagetitle" class="hidden block block-core block-page-title-block" data-block-plugin-id="page_title_block"> <div class="blockContent">

<h1 class="page-title"><span class="field field--name-title field--type-string field--label-hidden">Homepage</span></h1>

</div> </div> </div> <div class="region region-messages" id="region-messages"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="region region-tabs" id="region-tabs"> </div>