From 31391bbae49914829e03f13a4e5122d52061be04 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sat, 23 May 2026 22:19:05 +0100
Subject: [PATCH] fix: hero justify-start, banner 400px height, pt-3 top gap

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/landing/Hero.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/landing/Hero.tsx b/src/components/landing/Hero.tsx
index 894c8967..81cf5c07 100644
--- a/src/components/landing/Hero.tsx
+++ b/src/components/landing/Hero.tsx
@@ -119,7 +119,7 @@ export default function Hero() {
   const shouldAnimate = !shouldReduce;
 
   return (
-    <section className="relative min-h-screen flex flex-col justify-center overflow-hidden -mt-20 pt-20">
+    <section className="relative min-h-screen flex flex-col justify-start overflow-hidden -mt-20 pt-20">
       {/* Background glow */}
       <div
         className="glow-orb w-[600px] h-[400px] left-1/4 top-1/3 opacity-15"
@@ -134,20 +134,20 @@ export default function Hero() {
         }}
       />
 
-      <div className="relative max-w-7xl mx-auto px-6 w-full pt-8 pb-12 lg:pb-16">
+      <div className="relative max-w-7xl mx-auto px-6 w-full pt-3 pb-12 lg:pb-16">
 
-        {/* Banner — full hero width, natural height */}
+        {/* Banner — full hero width, 400px tall */}
         <motion.div
           initial={shouldAnimate ? { opacity: 0, y: 16 } : false}
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94] }}
-          className="mb-8 lg:mb-10"
+          className="mb-6"
         >
           <img
             src={`${import.meta.env.BASE_URL}cohorta-banner.png`}
             alt="Cohorta — Synthetic Research. Real Insights."
-            className="w-full h-auto"
-            style={{ maxHeight: 'clamp(140px, 16vw, 240px)', objectFit: 'contain', objectPosition: 'left center' }}
+            className="w-full"
+            style={{ height: '400px', objectFit: 'contain', objectPosition: 'left center' }}
             draggable={false}
           />
         </motion.div>