fix: responsive font size for 'Mimari Mükemmeliyet' to prevent overflow

src/components/landing-page.tsx

@@ -82,9 +82,9 @@ export function LandingPage({ projects }: { projects: Project[] }) {
           <div className="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-24 items-start px-0">
             <motion.div {...fadeInUp} className="lg:col-span-5 lg:sticky top-32 z-10 bg-inherit">
               <p className="label-editorial text-[#795900] mb-4">Uzmanlık Alanlarımız</p>
-              <h2 className="text-4xl md:text-6xl lg:text-7xl font-inter font-black uppercase leading-[1.1] mb-6 md:mb-8 break-words">
+              <h2 className="text-[clamp(2rem,8vw,4.5rem)] font-inter font-black uppercase leading-[1.1] mb-6 md:mb-8 break-words overflow-hidden">
                 Mimari<br />
-                <span className="bg-[#FFBF00] px-4 py-1 text-white inline-block mt-2">Mükemmeliyet</span>
+                <span className="bg-[#FFBF00] px-3 py-1 text-white inline-block mt-2 text-[0.8em] sm:text-[1em] max-w-full truncate sm:overflow-visible">Mükemmeliyet</span>
               </h2>
               <p className="text-lg text-gray-600 leading-relaxed max-w-sm">
                 Sadece bina inşa etmiyoruz; mühendislik disipliniyle şekillendirilmiş, Muğla'nın dokusuna uyumlu yaşam alanları tasarlıyoruz.