From 6a63f7980848dc38cfc50a3d8021883bb5776357 Mon Sep 17 00:00:00 2001
From: knso <kenso.gri@gmail.com>
Date: Tue, 29 Sep 2026 17:04:09 +0000
Subject: [PATCH] Intro: Logo freigestellt auf schwarzer Section mit
 Rasterlinien

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/Intro.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Intro.tsx b/src/components/Intro.tsx
index 496d178..1aea640 100644
--- a/src/components/Intro.tsx
+++ b/src/components/Intro.tsx
@@ -1,18 +1,20 @@
 import { salon } from '../data/salon'
 import { Emblem } from './Emblem'
+import { GridLines } from './GridLines'
 import { FadeIn, RevealLines } from './Reveal'
 
 export function Intro() {
   return (
-    <section id="salon" className="px-4 py-24 md:px-8 md:py-36">
+    <section id="salon" className="relative isolate bg-ink px-4 py-24 text-paper md:px-8 md:py-36">
+      <GridLines tone="dark" />
       <div className="grid gap-10 md:grid-cols-12 md:gap-8">
-        {/* Logo wie auf Instagram: helle Linien auf dunklem Grund */}
-        <div className="grid aspect-square place-items-center bg-ink md:col-span-4">
+        {/* Logo wie auf Instagram: helle Linien, freigestellt auf dem dunklen Section-Hintergrund */}
+        <div className="grid aspect-square place-items-center md:col-span-4">
           <Emblem className="w-[84%]" />
         </div>
 
         <div className="flex flex-col justify-between gap-12 md:col-span-8">
-          <div className="mini flex justify-between">
+          <div className="mini flex justify-between text-paper/60">
             <span>Über uns</span>
             <span>{salon.city}</span>
           </div>