*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: Arial, sans-serif;
}

body{
    background:#f1f1f1;
    overflow-x: hidden;
}

a{
    text-decoration: none;
}

.about-page-container{
    width:85%;
    max-width:1180px;
    margin:auto;
    margin-top: 30px;
}

.about-page-hero{
    background:#000;
    color:white;
    padding:55px 0;
}

.about-page-hero h1{
    color:#8c7e20;
    font-family:"Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
    font-size:42px;
    margin-bottom:10px;
}

.about-page-hero h1 span{
    color:#c89b3c;
}

.about-page-hero p{
    color:#fff;
    font-size:15px;
}

.about-page-history{
    background:#f8f8f8;
    padding:70px 0;
}

.about-page-history-grid{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:45px;
    align-items:center;
}

.about-page-history-image img{
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:6px;
}

.about-page-history-content h2{
    font-size:34px;
    margin-bottom:25px;
    color:#222;
}

.about-page-history-content p{
    color:#555;
    font-size:15px;
    line-height:1.8;
    margin-bottom:18px;
}

.about-page-values{
    background:#f1f1f1;
    padding:55px 0;
    text-align:center;
}

.about-page-title h2{
    font-size:32px;
    color:#222;
    margin-bottom:8px;
}

.about-page-title p{
    color:#666;
    font-size:14px;
}

.about-page-values-grid{
    margin-top:35px;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}

.about-page-value-card{
    background:white;
    border:1px solid #ddd;
    border-radius:6px;
    padding:35px 22px;
}

.about-page-value-icon{
    width:38px;
    height:38px;
    background:#f5ead2;
    color:#c89b3c;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 18px;
}

.about-page-value-card h3{
    font-size:18px;
    margin-bottom:12px;
    color:#222;
}

.about-page-value-card p{
    color:#666;
    font-size:13px;
    line-height:1.6;
}

.about-page-team{
    background:#000;
    padding:55px 0;
    text-align:center;
}

.about-page-team .about-page-title h2{
    color:#8c7e20;
}

.about-page-team .about-page-title p,
.about-team-callout{
    color:#fff;
}

.about-team-callout{
    display:block;
    font-size:16px;
    letter-spacing:.04em;
    margin-top:14px;
}

.about-page-team-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:70px;
    max-width:800px;
    margin:40px auto 0;
}

.about-page-team-card{
    background:#8c7e20;
    border-radius:12px;
    padding:32px 24px;
}

.about-page-team-card img{
    width:135px;
    height:135px;
    border-radius:50%;
    object-fit:cover;
    background:#aaa;
    margin-bottom:15px;
}

.about-page-team-card h3{
    font-size:18px;
    color:#000;
    margin-bottom:6px;
}

.about-page-team-card p{
    color:#fff;
    font-size:13px;
    font-weight:700;
    line-height:1.45;
}

.about-page-team-bio{
    color:#fff !important;
    font-weight:400 !important;
    margin:14px auto 0;
    max-width:260px;
}

.about-page-mission{
    background:#000;
    color:white;
    text-align:center;
    padding:55px 0;
}

.about-page-mission h2{
    color:#8c7e20;
    font-size:30px;
    margin-bottom:25px;
}

.about-page-mission p{
    max-width:720px;
    margin:auto;
    color:#eee;
    font-size:15px;
    line-height:1.8;
}

@media(max-width:900px){
    .about-page-history-grid,
    .about-page-values-grid,
    .about-page-team-grid{
        grid-template-columns:1fr;
    }

    .about-page-hero h1{
        font-size:34px;
    }

    .about-page-history-content h2,
    .about-page-title h2{
        font-size:28px;
    }
}