diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
index 841b0ee..0db19b6 100644
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@@ -1,7 +1,7 @@
 <a href="#main" class="skip-link">{{ meta.skipContent }}</a>
 
 <header class="wrapper">
-  <div class="repel ontop">
+  <div class="site-header | repel ontop">
     <a href="/" class="logo | cluster" {% if page.url == "/" %}aria-current="page"{% endif %}>
       {% svg "misc/star" %}
 
diff --git a/src/assets/css/global/blocks/site-header.css b/src/assets/css/global/blocks/site-header.css
new file mode 100644
index 0000000..0cfc8ae
--- /dev/null
+++ b/src/assets/css/global/blocks/site-header.css
@@ -0,0 +1,3 @@
+.site-header {
+  --gutter: var(--space-s);
+}