From a89d96e4dd63b0a1c1129d795ef4b56e491da1df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sun, 16 Aug 2026 22:59:56 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Pin=20fixed=20headers=20to=20the?=
 =?UTF-8?q?=20viewport=20top=20explicitly?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The fixed wrappers relied on their static position resolving to y=0 as
direct flex children of body; the header landmark added in #3048 made
that position fall below the spacer. Set top-0 on all fixed variants.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 layouts/partials/header/fixed-fill-blur.html | 2 +-
 layouts/partials/header/fixed-fill.html      | 2 +-
 layouts/partials/header/fixed-gradient.html  | 4 ++--
 layouts/partials/header/fixed.html           | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/header/fixed-fill-blur.html b/layouts/partials/header/fixed-fill-blur.html
index 5f98202f..5c511593 100644
--- a/layouts/partials/header/fixed-fill-blur.html
+++ b/layouts/partials/header/fixed-fill-blur.html
@@ -1,5 +1,5 @@
 <div class="min-h-[148px]"></div>
-<div class="fixed inset-x-0 z-100">
+<div class="fixed top-0 inset-x-0 z-100">
   <div
     id="menu-blur"
     class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl backdrop-saturate-220 backdrop-brightness-112 dark:backdrop-saturate-180 dark:backdrop-brightness-95 bg-primary-200/80 bg-linear-60 dark:bg-primary-800/30 shadow-xl"></div>
diff --git a/layouts/partials/header/fixed-fill.html b/layouts/partials/header/fixed-fill.html
index 7862912b..355063e2 100644
--- a/layouts/partials/header/fixed-fill.html
+++ b/layouts/partials/header/fixed-fill.html
@@ -1,5 +1,5 @@
 <div class="min-h-[148px]"></div>
-<div class="fixed inset-x-0 bg-neutral dark:bg-neutral-800 z-100">
+<div class="fixed top-0 inset-x-0 bg-neutral dark:bg-neutral-800 z-100">
   <div class="relative m-auto leading-7 max-w-7xl px-6 sm:px-14 md:px-24 lg:px-32">
     {{ partial "header/basic.html" . }}
   </div>
diff --git a/layouts/partials/header/fixed-gradient.html b/layouts/partials/header/fixed-gradient.html
index 9ceaac05..9b100a53 100644
--- a/layouts/partials/header/fixed-gradient.html
+++ b/layouts/partials/header/fixed-gradient.html
@@ -1,7 +1,7 @@
 <div class="min-h-[148px]"></div>
 <div
-  class="fixed inset-x-0 min-h-[130px] opacity-65 bg-gradient-to-b from-neutral from-60% dark:from-neutral-800 to-transparent mix-blend-normal z-80"></div>
-<div class="fixed inset-x-0 z-100">
+  class="fixed top-0 inset-x-0 min-h-[130px] opacity-65 bg-gradient-to-b from-neutral from-60% dark:from-neutral-800 to-transparent mix-blend-normal z-80"></div>
+<div class="fixed top-0 inset-x-0 z-100">
   <div
     id="menu-blur"
     class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html
index bad68611..54df0e1c 100644
--- a/layouts/partials/header/fixed.html
+++ b/layouts/partials/header/fixed.html
@@ -1,5 +1,5 @@
 <div class="min-h-[148px]"></div>
-<div class="fixed inset-x-0 z-100">
+<div class="fixed top-0 inset-x-0 z-100">
   <div
     id="menu-blur"
     class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl bg-neutral/25 dark:bg-neutral-800/25"></div>