From 3f8c03aad7c124aa8f73a6b25f98e2352742523b Mon Sep 17 00:00:00 2001
From: Roman Mazuryk <romazuryk@gmail.com>
Date: Wed, 5 Aug 2026 10:41:05 +0200
Subject: [PATCH] fix: prevent single-letter title wraps

---
 src/assets/css/certifications.css |  4 +++-
 src/assets/css/market-pages.css   | 13 ++++++++-----
 src/assets/css/page-hero.css      |  6 +++++-
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/certifications.css b/src/assets/css/certifications.css
index 3fa28dc..69fad3c 100644
--- a/src/assets/css/certifications.css
+++ b/src/assets/css/certifications.css
@@ -40,7 +40,9 @@
   color: var(--text);
   margin: 0;
   line-height: 1.3;
-  word-break: break-word;
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: none;
 }
 
 /* Responsive tuning: less space when titles wrap into fewer lines */
diff --git a/src/assets/css/market-pages.css b/src/assets/css/market-pages.css
index 8fc97ec..fd648a6 100644
--- a/src/assets/css/market-pages.css
+++ b/src/assets/css/market-pages.css
@@ -39,13 +39,17 @@
 
 .home-typewriter-title {
   display: inline;
-  overflow-wrap: break-word;
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: none;
+  text-wrap: balance;
 }
 
 .home-typewriter-title__word {
   display: inline-block;
-  max-width: 100%;
-  overflow-wrap: break-word;
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: none;
   white-space: nowrap;
 }
 
@@ -78,8 +82,7 @@
 
 @media (max-width: 760px) {
   .home-typewriter-title__word {
-    overflow-wrap: anywhere;
-    white-space: normal;
+    white-space: nowrap;
   }
 }
 
diff --git a/src/assets/css/page-hero.css b/src/assets/css/page-hero.css
index 4f6e7d1..07f1739 100644
--- a/src/assets/css/page-hero.css
+++ b/src/assets/css/page-hero.css
@@ -69,6 +69,10 @@
   font-size: clamp(38px, 6.4vw, 72px);
   letter-spacing: -0.02em;
   line-height: 1.01;
+  overflow-wrap: normal;
+  word-break: normal;
+  hyphens: none;
+  text-wrap: balance;
 }
 
 .page-hero__subtitle {
@@ -345,7 +349,7 @@
   }
 
   .page-hero__title {
-    font-size: clamp(34px, 11vw, 46px);
+    font-size: clamp(32px, 10.2vw, 46px);
   }
 
   .page-hero__subtitle {