From d0896fa76195bbce91a506269927a49e944f8bd8 Mon Sep 17 00:00:00 2001
From: PianoNic <79938743+Pianonic@users.noreply.github.com>
Date: Fri, 6 Nov 2026 16:57:48 +0100
Subject: [PATCH] Remove the faint lines behind the privacy section

---
 src/app/components/independence/independence.html |  1 -
 src/app/components/independence/independence.scss | 11 -----------
 2 files changed, 12 deletions(-)

diff --git a/src/app/components/independence/independence.html b/src/app/components/independence/independence.html
index b755803..2244d3c 100644
--- a/src/app/components/independence/independence.html
+++ b/src/app/components/independence/independence.html
@@ -1,5 +1,4 @@
 <section id="privacy" class="independence" aria-labelledby="independence-title">
-  <div class="independence-lines" aria-hidden="true"></div>
   <div class="container">
     <div class="section-header reveal">
       <h2 class="section-title" id="independence-title">{{ 'independence.title1' | translate }} <span class="dim">{{ 'independence.title2' | translate }}</span></h2>
diff --git a/src/app/components/independence/independence.scss b/src/app/components/independence/independence.scss
index 4614d6f..57b7110 100644
--- a/src/app/components/independence/independence.scss
+++ b/src/app/components/independence/independence.scss
@@ -3,17 +3,6 @@
   overflow: hidden;
 }
 
-// Faint vertical hairlines behind the section, fading out at top and bottom.
-.independence-lines {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background-image: linear-gradient(90deg, var(--grid) 1px, transparent 1px);
-  background-size: calc(100% / 6) 100%;
-  background-position: center;
-  mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000, transparent 75%);
-  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000, transparent 75%);
-}
 
 .modes {
   display: grid;