💄 header image

static/css/style.css

@@ -18,6 +18,19 @@ body {
     padding: 0 1rem;
 }
 
+/* Site Header Image */
+.site-header-image {
+    width: 100%;
+    overflow: hidden;
+    margin-bottom: 0;
+}
+
+.site-header-image img {
+    width: 100%;
+    height: auto;
+    display: block;
+}
+
 /* Header and Navigation */
 header {
     border-bottom: 3px solid #000;
@@ -25,6 +38,22 @@ header {
     margin-bottom: 2rem;
 }
 
+/* Header with image variant - no border, no padding, centered nav */
+header.header-with-image {
+    border-bottom: none;
+    padding: 1rem 0 0 0;
+    margin-bottom: 0.5rem;
+}
+
+header.header-with-image nav .container {
+    justify-content: center;
+}
+
+header.header-with-image .nav-links a {
+    font-size: 1.2rem;
+    font-weight: bold;
+}
+
 nav .container {
     display: flex;
     justify-content: space-between;