.elementor-587 .elementor-element.elementor-element-d23b5f7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-587 .elementor-element.elementor-element-d23b5f7{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-4ab2cf0 */.about-hero{

height:100vh;

position:relative;

display:flex;

align-items:center;

padding:0 10%;

}

.about-overlay{

position:absolute;

inset:0;

background:#5A493B;

}

.about-content{

position:relative;

z-index:2;

max-width:650px;

color:white;

}

.small-title{

letter-spacing:6px;

font-size:13px;

margin-bottom:30px;

}

.about-content h1{

font-size:72px;

font-family:"Cormorant Garamond",serif;

font-weight:500;

line-height:1.05;

margin-bottom:35px;

}

.hero-text{

font-size:19px;

line-height:1.9;

max-width:520px;

}



.story-section{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

padding:120px 10%;

align-items:center;

}

.story-image img{

width:100%;

border-radius:8px;

}

.story-content span{

letter-spacing:5px;

font-size:13px;

color:#A88E73;

}

.story-content h2{

font-size:56px;

font-family:"Cormorant Garamond";

margin:20px 0;

font-weight:500;

}

.story-content p{

line-height:2;

font-size:18px;

color:#666;

}



.values{

padding:100px 10%;

display:grid;

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

gap:35px;

}

.value-card{

background:white;

padding:60px 40px;

text-align:center;

transition:.35s;

border:1px solid #eee;

}

.value-card:hover{

transform:translateY(-8px);

box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.value-card h3{

font-size:30px;

font-family:"Cormorant Garamond";

margin-bottom:20px;

}

.value-card p{

line-height:1.8;

color:#666;

}



.quote-section{

padding:180px 10%;

background:#5A493B;

text-align:center;

}

.quote-section h2{
font-size:32px;
color: white;
margin:auto;
}



.gallery{

display:grid;

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

}

.gallery img{

width:100%;

height:420px;

object-fit:cover;

transition:.5s;

}

.gallery img:hover{

transform:scale(1.08);

}



.cta{

padding:160px 10%;

text-align:center;

}

.cta h2{

font-size:30px;

margin-bottom:30px;
}

.cta a{

display:inline-block;

padding:18px 48px;

background:#5A493B;

color:white;

text-decoration:none;

letter-spacing:2px;

transition:.35s;

}

.cta a:hover{

background:#5A493B;

}



@media(max-width:900px){

.about-content h1{

font-size:46px;

}

.story-section{

grid-template-columns:1fr;

}

.values{

grid-template-columns:1fr;

}

.gallery{

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

}

}/* End custom CSS */