From b3469805b76e0b337fd9c74c3be5de9986460e87 Mon Sep 17 00:00:00 2001
From: AyrisAI <ayris@ayris.tech>
Date: Sat, 4 Apr 2026 12:19:07 +0300
Subject: [PATCH] fix: enforce global overflow protection and harden hero
 typography

---
 src/app/globals.css             | 3 +++
 src/components/landing-page.tsx | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index dcb4d10..3500952 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -58,6 +58,9 @@
     -webkit-font-smoothing: antialiased;
     min-height: 100vh;
     margin: 0;
+    overflow-x: hidden;
+    width: 100%;
+    position: relative;
   }
 }
 
diff --git a/src/components/landing-page.tsx b/src/components/landing-page.tsx
index 39f8e1b..41b39a5 100644
--- a/src/components/landing-page.tsx
+++ b/src/components/landing-page.tsx
@@ -53,9 +53,9 @@ export function LandingPage({ projects }: { projects: Project[] }) {
             transition={{ duration: 1 }}
           >
             <p className="label-editorial text-[#FFBF00] mb-6 whitespace-normal max-w-[280px] sm:max-w-none leading-relaxed">Muğla • Mühendislik & Müteahhitlik</p>
-            <h1 className="text-[clamp(2.5rem,9vw,8rem)] font-inter font-black text-white leading-[0.95] uppercase mb-8 break-words hyphens-auto overflow-hidden">
+            <h1 className="text-[clamp(2.5rem,8vw,8rem)] font-inter font-black text-white leading-[0.95] uppercase mb-8 break-words hyphens-auto overflow-hidden">
               Modern<br />
-              <span className="text-white border-t border-b border-white/20 inline-block py-2 md:py-4 my-2 font-inter tracking-tighter">Mühendislik</span><br />
+              <span className="text-white border-t border-b border-white/20 block sm:inline-block py-2 md:py-4 my-2 font-inter tracking-tighter w-fit">Mühendislik</span><br />
               Güçlü Yapılar
             </h1>
             <div className="flex flex-col sm:flex-row gap-6 mt-12">