.about-hero{

padding:180px 0 120px;

background:#081B29;

text-align:center;

}

.about-hero span{

color:var(--primary);

font-weight:700;

letter-spacing:2px;

}

.about-hero h1{

font-size:60px;

max-width:900px;

margin:20px auto;

color:white;

font-family:var(--heading);

}

.about-hero p{

max-width:850px;

margin:auto;

color:#CBD5E1;

line-height:1.9;

font-size:18px;

}

.company-story{

padding:120px 0;

background:white;

}

.story-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.story-image img{

border-radius:24px;

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.story-content h2{

font-size:46px;

color:#081B29;

margin-bottom:25px;

}

.story-content p{

color:#64748B;

line-height:1.9;

margin-bottom:20px;

}