/*==========================================
        ABOUT PAGE
==========================================*/

.page-banner{
    position:relative;
    padding:170px 0 90px;
    text-align:center;
    background:
        radial-gradient(circle at top right,#ffe8b3 0%,transparent 35%),
        radial-gradient(circle at bottom left,#fff6dc 0%,transparent 30%),
        #faf9f5;
    overflow:hidden;
}

.page-banner .breadcrumb-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:var(--text-light);
    margin-bottom:18px;
}

.page-banner .breadcrumb-tag a{
    color:var(--primary-dark);
    font-weight:600;
}

.page-banner h1{
    font-size:52px;
    margin-bottom:16px;
}

.page-banner p{
    max-width:600px;
    margin:0 auto;
    font-size:17px;
}

/* Mission Grid */

.mission-section{
    padding:100px 0;
    background:#fff;
}

.mission-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.mission-card{
    background:var(--bg);
    padding:40px 30px;
    border-radius:24px;
    text-align:center;
    transition:.4s;
    border:1px solid rgba(0,0,0,.06);
}

.mission-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.08);
}

.mission-card .icon{
    width:70px;
    height:70px;
    margin:0 auto 22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#f8b400,#ffcf5c);
    color:#fff;
    font-size:26px;
}

.mission-card h3{
    font-size:20px;
    margin-bottom:12px;
}

.mission-card p{
    font-size:15px;
    line-height:1.8;
}

/* Stats */

.stats-section{
    padding:80px 0;
    background:linear-gradient(135deg,#222,#333);
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    text-align:center;
}

.stat-box h2{
    font-size:44px;
    color:var(--primary-light);
    margin-bottom:8px;
}

.stat-box p{
    color:#ccc;
    font-size:15px;
    letter-spacing:.5px;
}

/* Founder note */

.founder-section{
    padding:110px 0;
    background:#fff;
}

.founder-wrapper{
    display:grid;
    grid-template-columns:1fr 1.3fr;
    gap:70px;
    align-items:center;
}

.founder-image img{
    width:100%;
    border-radius:28px;
    box-shadow:var(--shadow-md);
}

.founder-content blockquote{
    font-size:22px;
    font-style:italic;
    color:#333;
    line-height:1.7;
    margin-bottom:24px;
    border-left:4px solid var(--primary);
    padding-left:24px;
}

.founder-content h4{
    font-size:18px;
    margin-bottom:4px;
}

.founder-content span{
    color:var(--text-light);
    font-size:14px;
}

/* CTA */

.about-cta{
    padding:100px 0;
    text-align:center;
    background:var(--bg);
}

.about-cta h2{
    font-size:38px;
    margin-bottom:16px;
}

.about-cta p{
    max-width:520px;
    margin:0 auto 30px;
}

@media(max-width:992px){

    .mission-grid{
        grid-template-columns:1fr;
    }

    .stats-grid{
        grid-template-columns:repeat(2,1fr);
        row-gap:40px;
    }

    .founder-wrapper{
        grid-template-columns:1fr;
        text-align:center;
    }

    .founder-content blockquote{
        text-align:left;
    }

    .page-banner h1{
        font-size:36px;
    }

}