commit 41b7204090e87e52b599fac257374086c5051d77
parent f9a2ead60c4cb4cab5acd9b5fa7f36c47fed87ff
Author: DAEMON <zer0sec.xp@icloud.com>
Date: Mon, 5 Oct 2026 15:49:17 +0100
Update
Diffstat:
1 file changed, 16 insertions(+), 4 deletions(-)
diff --git a/src/styles/global.css b/src/styles/global.css
@@ -889,10 +889,6 @@ main, .site-header, .site-footer { position: relative; z-index: 2; }
/* Same measure as the body below it, so the title, the rule under the
eyebrow and the prose all start and end on the same two lines. */
.sheet-head { margin-top: 1.6rem; max-width: 1080px; }
-/* When sheet-head doubles as a dark plate hero (fuzz field visible), it
- needs padding so text breathes inside the dark block and a min-height so
- the field has room to render. `max-width: none` and negative margins
- counteract the `.wrap` gutter so the plate runs edge-to-edge like banners. */
.sheet-head.plate {
max-width: none;
margin-top: 0;
@@ -902,11 +898,27 @@ main, .site-header, .site-footer { position: relative; z-index: 2; }
min-height: 10rem;
border-top: 1px solid var(--rule);
}
+/* Dark overlay between the fuzz canvas and the text so the title is legible.
+ `::before` sits at z-index 0: above the canvas (z-index -1) but below
+ the text layer (z-index 2). Opacity 0.72 keeps the streaks visible while
+ giving the title a clean dark ground to sit on. */
+.sheet-head.plate::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ z-index: 0;
+ background: rgb(25 23 36 / 0.82);
+ backdrop-filter: blur(6px);
+ -webkit-backdrop-filter: blur(6px);
+ pointer-events: none;
+}
.sheet-head.plate .sheet-title,
.sheet-head.plate .sheet-desc,
.sheet-head.plate .sheet-meta,
+.sheet-head.plate .tags-row,
.sheet-head.plate .eyebrow { position: relative; z-index: 2; }
+
.breadcrumb {
font-family: var(--font-mono); font-size: var(--step-micro);
letter-spacing: var(--track-micro); text-transform: uppercase;