From 477d50fb6067870ee2626be4afc76199bb112ba6 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Mon, 11 May 2026 13:18:29 +0100
Subject: [PATCH] fix(hero): reduce title clamp and narrow container to prevent
 T-Rex overlap

---
 src/components/sections/Hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index 5784afa..95e2445 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -79,13 +79,13 @@ export function Hero({ hero }: HeroProps) {
       <div className="relative z-10 flex flex-col px-6 pt-[100px] pb-[60px] lg:px-0 lg:pt-[200px] lg:pb-[80px]">
         {/* Align with header: max-w-[1204px] + px-[30px] mirrors HeaderClient inner container */}
         <div className="lg:mx-auto lg:w-full lg:max-w-[1204px] lg:px-[30px]">
-          <div className="flex max-w-[85vw] flex-col gap-5 md:gap-6 lg:max-w-[66vw]">
+          <div className="flex max-w-[85vw] flex-col gap-5 md:gap-6 lg:max-w-[58vw] xl:max-w-[56vw]">
             {title && (
               <h1
                 className="font-bold text-white uppercase"
                 style={{
                   fontFamily: 'var(--font-montserrat, Montserrat), sans-serif',
-                  fontSize: 'clamp(36px, 7.5vw, 130px)',
+                  fontSize: 'clamp(32px, 6.2vw, 104px)',
                   lineHeight: 1.05,
                   fontWeight: 700,
                   whiteSpace: 'pre-line',