design: the Turing page gets the site's menu; the menu pins again

public/assets/turing-look.css

@@ -29,6 +29,9 @@
 html, body {
   background-color: var(--tl-bg);
   color: var(--tl-ink);
+  /* clip, not hidden: hidden turns the page into its own scroll box and
+     the pinned header stops sticking. */
+  overflow-x: clip;
 }
 
 body {
@@ -68,8 +71,6 @@ body {
 
 /* ---------- header ---------- */
 .aien-header {
-  position: sticky;
-  top: 0;
   background: rgba(8, 9, 12, 0.72);
   -webkit-backdrop-filter: blur(14px);
   backdrop-filter: blur(14px);

public/turing/index.html

@@ -14,6 +14,7 @@
 <meta property="og:image" content="https://aienos.com/og.png">
 <meta name="twitter:card" content="summary_large_image">
 <link rel="stylesheet" href="/assets/style.css">
+<link rel="stylesheet" href="/assets/site-nav.css">
 <style>
 :root{
   --t-blue:#2d7ff9; --t-green:#00e599; --t-amber:#f59e0b; --t-red:#ff5d5d;
@@ -22,13 +23,6 @@
 *{box-sizing:border-box}
 html{scroll-behavior:smooth}
 body{background:#08090c;color:#f1f5f9;font-family:"Space Grotesk",system-ui,sans-serif;overflow-x:hidden}
-.tnav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
-  padding:14px 28px;background:rgba(8,9,12,.72);backdrop-filter:blur(14px);border-bottom:1px solid #1c2536}
-.tnav .brand{font-weight:800;font-size:17px;letter-spacing:-.02em;color:#f1f5f9;text-decoration:none}
-.tnav .brand span{color:var(--t-blue)}
-.tnav nav{display:flex;gap:20px;font-size:14px}
-.tnav nav a{color:#94a3b8;text-decoration:none}
-.tnav nav a:hover{color:#f1f5f9}
 .hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
   text-align:center;padding:120px 24px 80px;overflow:hidden}
 #field{position:absolute;inset:0;width:100%;height:100%}
@@ -181,18 +175,15 @@
 .tfoot{border-top:1px solid #1c2536;padding:44px 24px;text-align:center;color:#64748b;font-size:13.5px;line-height:1.8}
 .tfoot a{color:#7db4ff;text-decoration:none}
 @view-transition{navigation:auto}
+html,body{overflow-x:clip}
+.aien-header{background:rgba(8,9,12,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
+.hero{min-height:calc(100vh - 68px);padding-top:72px}
 .progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#2d7ff9,#00e599);z-index:60;width:0}
 </style>
 </head>
 <body>
 <div class="progress" id="progress"></div>
-<header class="tnav">
-  <a class="brand" href="/">AIEN<span>OS</span></a>
-  <nav>
-    <a href="/research/">Research</a>
-    <a href="/turing/" style="color:#7db4ff">The Turing</a>
-  </nav>
-</header>
+<header class="aien-header"><div class="aien-header-inner"><a class="aien-brand" href="/" aria-label="AIENOS home"><span class="aien-brand-mark" aria-hidden="true"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg></span><span class="aien-brand-copy"><span class="aien-brand-name">AIENOS</span><span class="aien-brand-tag">PERSISTENT MACHINE INTELLIGENCE</span></span></a><nav class="aien-nav" aria-label="Primary navigation"><ul class="aien-nav-primary"><li><a class="aien-nav-link" href="/machine/">The Machine</a></li><li><a class="aien-nav-link" href="/turing/">The Turing</a></li><li><a class="aien-nav-link" href="/experiments/">Experiments</a></li><li><a class="aien-nav-link" href="/discovery/">Scientific Discovery</a></li><li><a class="aien-nav-link" href="/evidence/">Evidence</a></li><li><a class="aien-nav-link" href="/philosophy/">Philosophy</a></li></ul><ul class="aien-nav-secondary" aria-label="More"><li><a class="aien-nav-minor" href="/progress/">Progress</a></li><li><a class="aien-nav-minor" href="/blog">Blog</a></li><li><a class="aien-nav-minor" href="/#follow">Follow</a></li><li><a class="aien-nav-minor" href="https://github.com/aien-dev">GitHub</a></li></ul></nav></div></header>
 
 <!-- HERO -->
 <div class="hero">