From 69778d079545125924d17ecbdf8753cabb60174f Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Thu, 22 Oct 2026 01:48:41 +0300
Subject: [PATCH] site: fix sub-nav stickiness + drop eyebrow pills

- shared-header.css: on <=900px flip the sub-nav from sticky to
  position:fixed (sticky was broken by body overflow-x:hidden on the
  subpages, letting the band scroll away). CTA keeps the right side
  via order:2. body:has(> .sub-nav) gets 112px top padding to clear
  both bars on narrow viewports.
- Drop the eyebrow pill (<div class='eyebrow'>...dot...</div>) from
  every subpage: potidaea, artemision, katalogos, agora, anthemus/about.
  The h1 now carries the surface identity on its own.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 site/deviant/agora/index.html          |  1 -
 site/deviant/anthemus/about/index.html |  1 -
 site/deviant/artemision/index.html     |  1 -
 site/deviant/katalogos/index.html      |  1 -
 site/deviant/potidaea/index.html       |  1 -
 site/deviant/shared-header.css         | 13 +++++++++----
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/site/deviant/agora/index.html b/site/deviant/agora/index.html
index 837beee..2ed6e83 100644
--- a/site/deviant/agora/index.html
+++ b/site/deviant/agora/index.html
@@ -88,7 +88,6 @@
 
   <section class="hero" id="top">
     <div class="wrap">
-      <div class="eyebrow"><span class="dot"></span>The Market Hub — explore new asset categories</div>
       <h1 class="hero-title"><span class="glow-amber">Agora</span></h1>
       <p class="hero-sub">
         <strong>Agora</strong> is the market hub on Bitcoin Cash — two markets under one roof. One where the price is the mechanism — <span class="name-ocean">Potidaea</span>. One where the price emerges from participants — <span class="name-acid">Anthemus</span>. Different engines, complementary asset classes.
diff --git a/site/deviant/anthemus/about/index.html b/site/deviant/anthemus/about/index.html
index c8f2c47..ede750f 100644
--- a/site/deviant/anthemus/about/index.html
+++ b/site/deviant/anthemus/about/index.html
@@ -137,7 +137,6 @@
 
   <section class="hero" id="top">
     <div class="wrap">
-      <div class="eyebrow"><span class="dot"></span>Decentralized Exchange</div>
       <h1 class="hero-title"><span class="glow">Anthemus</span></h1>
       <p class="hero-sub">
         Decentralized exchange on Bitcoin Cash — order book plus AMM over one engine.
diff --git a/site/deviant/artemision/index.html b/site/deviant/artemision/index.html
index 0955d9b..e732f04 100644
--- a/site/deviant/artemision/index.html
+++ b/site/deviant/artemision/index.html
@@ -87,7 +87,6 @@
 
   <section class="hero" id="top">
     <div class="wrap">
-      <div class="eyebrow"><span class="dot"></span>Backed Coin Emission</div>
       <h1 class="hero-title"><span class="glow-electrum">Artemision</span></h1>
       <p class="hero-sub">
         <strong>Artemision</strong> is the Create surface on Bitcoin Cash — genesis in one transaction.
diff --git a/site/deviant/katalogos/index.html b/site/deviant/katalogos/index.html
index 6f919ce..3bc981b 100644
--- a/site/deviant/katalogos/index.html
+++ b/site/deviant/katalogos/index.html
@@ -87,7 +87,6 @@
 
   <section class="hero" id="top">
     <div class="wrap">
-      <div class="eyebrow"><span class="dot"></span>The Asset Catalogue</div>
       <h1 class="hero-title"><span class="glow-papyrus">Katalogos</span></h1>
       <p class="hero-sub">
         <strong>Katalogos</strong> is the Asset Catalogue on Bitcoin Cash — every asset the wallet can hold, filterable across the backed ↔ non-backed spectrum and by use-case.
diff --git a/site/deviant/potidaea/index.html b/site/deviant/potidaea/index.html
index b4ca78d..7cc7d14 100644
--- a/site/deviant/potidaea/index.html
+++ b/site/deviant/potidaea/index.html
@@ -180,7 +180,6 @@
 
   <section class="hero" id="top">
     <div class="wrap">
-      <div class="eyebrow"><span class="dot"></span>Automated Swap Machine</div>
       <h1 class="hero-title"><span class="glow-blue">Potidaea</span></h1>
       <p class="hero-sub">
         Zero-Counterparty <span class="glow-blue">Ocean Deep</span> <span class="glow-cyan">Liquidity Swaps</span> based via Automated Swap Mechanism on Bitcoin CashScripts that operates at fixed rates by consensus.
diff --git a/site/deviant/shared-header.css b/site/deviant/shared-header.css
index 70567d0..886fb04 100644
--- a/site/deviant/shared-header.css
+++ b/site/deviant/shared-header.css
@@ -177,18 +177,21 @@ body { padding-top: 58px; } /* clear the fixed header */
   background: rgba(198, 255, 0, 0.06);
 }
 /* Below 900px, flip to a compact horizontal band at the top so the rail
-   never covers narrow-screen content. */
+   never covers narrow-screen content. `position: fixed` instead of sticky
+   so the band stays available regardless of ancestor `overflow-x: hidden`
+   (which breaks sticky). The CTA keeps the right side via `order`. */
 @media (max-width: 900px) {
+  body:has(> .sub-nav) { padding-top: 112px; }
   .sub-nav {
-    position: sticky;
-    top: 58px; right: auto; left: 0;
+    position: fixed;
+    top: 58px; right: 0; left: 0;
     transform: none;
     border-radius: 0;
     border: 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     padding: 10px 16px;
     box-shadow: none;
-    background: rgba(5, 5, 5, 0.85);
+    background: rgba(5, 5, 5, 0.9);
   }
   .sub-nav .sub-nav-in {
     flex-direction: row;
@@ -199,7 +202,9 @@ body { padding-top: 58px; } /* clear the fixed header */
     max-width: 1180px;
     margin: 0 auto;
   }
+  .sub-nav .sub-nav-cta { order: 2; }
   .sub-nav .sub-nav-links {
+    order: 1;
     flex-direction: row;
     gap: 2px;
     flex: 1;