/* ==========================================
   ABOUT SECTION
========================================== */
.about{
    background:var(--bg-light);
}
.about-container{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:70px;
    align-items:center;
}
.about-image{
    position:relative;
    border-radius:var(--radius-xl);
    overflow:hidden;
    box-shadow:var(--shadow-lg);
}
.about-image img{
    border-radius:var(--radius-xl);
}
.about-badge{
    position:absolute;
    bottom:20px;
    left:20px;
    padding:18px 24px;
    display:flex;
    flex-direction:column;
    color:white;
}
.about-badge strong{
    font-family:var(--heading-font);
    font-size:22px;
}
.about-badge span{
    font-size:13px;
    color:rgba(255,255,255,.85);
}
.about-content p{
    margin-bottom:18px;
}
.about-mission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin:30px 0 35px;
}
.mission-card{
    background:var(--bg-main);
    border:1px solid var(--border-color);
    border-radius:var(--radius-md);
    padding:24px;
}
.mission-icon{
    font-size:28px;
    display:block;
    margin-bottom:10px;
}
.mission-card h4{
    margin-bottom:8px;
    font-size:18px;
}
.mission-card p{
    font-size:14px;
    margin:0;
}

/* ==========================================
   STANDALONE STRENGTHS (about page)
========================================== */
.strengths-standalone{
    background:var(--bg-main);
}
.strength-card{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:22px 26px;
}
.strength-card .check{
    color:var(--secondary);
    font-size:18px;
    flex-shrink:0;
}
.strength-card p{
    margin:0;
    color:var(--text-dark);
    font-weight:500;
}
