fix: unclip search-suggest dropdown — nebula clip moved to dedicated .band-bg layer; suggest above sticky header

src/pages/dashboard.astro

@@ -20,6 +20,7 @@ const tickets = [
 ---
 <Base title="CTAO Science Portal — Dashboard" description="User dashboard (mock)">
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">User area</div>
       <h1>Dashboard</h1>

src/pages/index.astro

@@ -19,6 +19,7 @@ const services = [
 ---
 <Base title="CTAO Science Portal" description="News, observation proposals, data and user services of the Cherenkov Telescope Array Observatory" ambient>
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">Cherenkov Telescope Array Observatory</div>
       <h1>CTAO Science Portal</h1>

src/pages/login.astro

@@ -3,6 +3,7 @@ import Base from '../layouts/Base.astro';
 ---
 <Base title="CTAO Science Portal — Sign in" description="Sign in via CTAO AAI (mock)">
   <section class="auth-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="auth-card">
       <img class="auth-logo" src="/brand/CTAO_Logo_positive.svg" alt="CTAO" />
       <span class="badge-mock">Mock — AAI integration pending</span>

src/pages/news/index.astro

@@ -10,6 +10,7 @@ const iso = (d) => d.toISOString().slice(0, 10);
 ---
 <Base title="CTAO Science Portal — News" description="News and announcements of the CTAO">
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">Cherenkov Telescope Array Observatory</div>
       <h1>News &amp; Announcements</h1>

src/pages/proposals.astro

@@ -3,6 +3,7 @@ import Base from '../layouts/Base.astro';
 ---
 <Base title="CTAO Science Portal — Proposals" description="Observation proposal submission (mock)">
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">Proposal Submission</div>
       <h1>Observation proposals</h1>

src/pages/search.astro

@@ -3,6 +3,7 @@ import Base from '../layouts/Base.astro';
 ---
 <Base title="CTAO Science Portal — Search" description="Search CTAO news and announcements">
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">Science Portal</div>
       <h1>Search</h1>

src/pages/support.astro

@@ -10,6 +10,7 @@ const channels = [
 ---
 <Base title="CTAO Science Portal — Support" description="User support: help desk, FAQ, forum, mailing lists (mock)">
   <section class="hero-band">
+    <div class="band-bg" aria-hidden="true"></div>
     <div class="container hero">
       <div class="eyebrow">User services</div>
       <h1>User Support</h1>