.about-page{

padding:120px 0 80px;

background:#fff;

}



.about-page-hero{

display:grid;

grid-template-columns:400px 1fr;

gap:70px;

align-items:center;

margin-bottom:100px;

}



.about-page-photo img{

width:100%;

border-radius:30px;

}



.about-page-title h1{

font-size:52px;

line-height:1.2;

color:#2F2F2F;

}



.about-page-title p{

font-size:20px;

line-height:1.8;

color:#666;

}



.about-story{

max-width:850px;

margin:0 auto 90px;

}



.about-story h2,
.about-method h2{

font-size:38px;

margin-bottom:30px;

color:#2F2F2F;

}



.about-story p{

font-size:18px;

line-height:1.9;

color:#555;

}



.method-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.method-card{

padding:35px;

background:#F8F6F3;

border-radius:25px;

}



.method-card h3{

color:#B58A63;

margin-bottom:15px;

}



.method-card p{

color:#666;

line-height:1.7;

}



.about-cta{

margin-top:100px;

text-align:center;

padding:60px;

background:#F8F6F3;

border-radius:30px;

}


.about-cta h2{

margin-bottom:35px;

font-size:32px;

}
@media(max-width:992px){


.about-page-hero{

grid-template-columns:1fr;

text-align:center;

}


.about-page-photo{

max-width:350px;

margin:auto;

}


.about-page-title h1{

font-size:38px;

}


.method-grid{

grid-template-columns:1fr;

}


}