From 4e829998b81450717a2547e3008c6a6bb865c2dd Mon Sep 17 00:00:00 2001
From: Commander1024 <commander@commander1024.de>
Date: Sun, 26 Jul 2026 23:43:29 +0200
Subject: [PATCH] Refine hero and header branding display

---
 front-page.php | 4 +++-
 header.php     | 7 +++++--
 style.css      | 3 ++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/front-page.php b/front-page.php
index a43f5cb..82701f6 100644
--- a/front-page.php
+++ b/front-page.php
@@ -4,12 +4,14 @@ $video_id = absint( get_theme_mod( 'c1024_2026_hero_video' ) );
 $video_url = $video_id ? wp_get_attachment_url( $video_id ) : '';
 $hero_title = get_theme_mod( 'c1024_2026_hero_title', get_bloginfo( 'name' ) );
 $hero_text = get_theme_mod( 'c1024_2026_hero_text' );
+// The site subtitle complements the Customizer-controlled hero headline.
+$site_description = get_bloginfo( 'description', 'display' );
 ?>
 <?php // Keep the hero available for text-only configurations when no video is selected.
 if ( $video_url || $hero_title || $hero_text ) { ?>
 <section class="hero" aria-label="<?php esc_attr_e( 'Introduction', 'c1024-2026' ); ?>">
 	<?php if ( $video_url ) { ?><video class="hero-video" autoplay muted loop playsinline><source src="<?php echo esc_url( $video_url ); ?>" type="<?php echo esc_attr( get_post_mime_type( $video_id ) ); ?>"></video><?php } ?>
-	<div class="hero-content"><div class="hero-eyebrow"><?php bloginfo( 'name' ); ?></div><?php if ( $hero_title ) { ?><h1 class="hero-title"><?php echo esc_html( $hero_title ); ?></h1><?php } ?><?php if ( $hero_text ) { ?><p class="hero-text"><?php echo esc_html( $hero_text ); ?></p><?php } ?></div>
+	<div class="hero-content"><?php if ( $site_description ) { ?><div class="hero-eyebrow"><?php echo esc_html( $site_description ); ?></div><?php } ?><?php if ( $hero_title ) { ?><h1 class="hero-title"><?php echo esc_html( $hero_title ); ?></h1><?php } ?><?php if ( $hero_text ) { ?><p class="hero-text"><?php echo esc_html( $hero_text ); ?></p><?php } ?></div>
 </section>
 <?php } ?>
 <main id="main" class="site-main">
diff --git a/header.php b/header.php
index b9aeeee..3e1e97e 100644
--- a/header.php
+++ b/header.php
@@ -14,10 +14,13 @@ wp_body_open(); ?>
 <header class="site-header" id="masthead">
 	<div class="header-inner">
 		<div class="site-branding">
-			<?php if ( has_custom_logo() ) { the_custom_logo(); } else { ?>
+			<?php if ( has_custom_logo() ) { ?>
+				<?php the_custom_logo(); ?>
+				<?php // Keep the compact header focused on the site name; the tagline is shown in the hero. ?>
+				<p class="site-description"><?php echo esc_html( get_bloginfo( 'name' ) ); ?></p>
+			<?php } else { ?>
 				<a class="site-title" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
 			<?php } ?>
-			<?php $description = get_bloginfo( 'description', 'display' ); if ( $description ) { ?><p class="site-description"><?php echo esc_html( $description ); ?></p><?php } ?>
 		</div>
 		<button class="icon-button menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-menu"><span class="screen-reader-text"><?php esc_html_e( 'Toggle menu', 'c1024-2026' ); ?></span><svg class="icon" aria-hidden="true"><use href="#icon-menu"></use></svg></button>
 		<nav class="primary-navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'c1024-2026' ); ?>">
diff --git a/style.css b/style.css
index c3d5a32..e602d1d 100644
--- a/style.css
+++ b/style.css
@@ -485,7 +485,7 @@ h4 {
 }
 .hero-eyebrow {
   font-family: "Berkeley Mono", monospace;
-  font-size: 0.72rem;
+  font-size: 1rem;
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: #f09b72;
@@ -494,6 +494,7 @@ h4 {
   max-width: 850px;
   margin: 0.45rem 0;
   font-family: "Alpha Lyrae", sans-serif;
+  font-feature-settings: "ss02" 1, "liga" 1;
   font-size: clamp(2.8rem, 7vw, 6rem);
   font-weight: 500;
   line-height: 0.98;