#aboutPageScope {
    --navy: #0a192f;
    --gold: #c9a55c;
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --text: #333333;
    background: #fff;
    line-height: 1.6;
}

#aboutPageScope .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* --- Hero --- */
#aboutPageScope .corporate-hero {
    height: 450px;
    background: linear-gradient(rgba(10, 25, 47, 0.85), rgba(10, 25, 47, 0.85)), 
                url('https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=2000') center/cover;
    display: flex; align-items: center; color: white; text-align: center;
}
#aboutPageScope .hero-box { width: 100%; }
#aboutPageScope .hero-box h1 { font-size: 3.5rem; margin-top: 20px; font-weight: 700; }
#aboutPageScope .badge { background: var(--gold); padding: 6px 15px; border-radius: 4px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; }

/* --- Content Layout --- */
#aboutPageScope .main-content-area { padding: 0 0 80px; margin-top: -100px; } /* Pulls content into hero */
#aboutPageScope .featured-image-container { position: relative; margin-bottom: 50px; background: #fdfdfd; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
#aboutPageScope .office-hero-img { width: 100%; height: auto; min-height: 300px; max-height: 650px; object-fit: contain; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #fff; }

#aboutPageScope .quick-stats-bar {
    position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);
    background: white; display: flex; gap: 40px; padding: 30px 60px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 8px; width: 80%; justify-content: space-around;
}
#aboutPageScope .qs-item { text-align: center; }
#aboutPageScope .qs-item strong { display: block; font-size: 2rem; color: var(--navy); }
#aboutPageScope .qs-item span { color: var(--gold); font-weight: 700; text-transform: uppercase; font-size: 0.8rem; }

/* --- Text Area --- */
#aboutPageScope .text-block { max-width: 900px; margin: 80px auto 0; text-align: center; }
#aboutPageScope .section-heading { font-size: 2.5rem; margin-bottom: 30px; color: var(--navy); }
#aboutPageScope .description-text { font-size: 1.15rem; color: #555; text-align: justify; }

/* --- Values --- */
#aboutPageScope .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 80px 0; }
#aboutPageScope .v-card { padding: 40px; border: 1px solid #eee; text-align: center; transition: 0.3s; }
#aboutPageScope .v-card i { font-size: 2.5rem; color: var(--gold); margin-bottom: 20px; }
#aboutPageScope .v-card.gold { background: var(--navy); color: white; border: none; }
#aboutPageScope .v-card.gold h3 { color: white; }

/* --- Founder --- */
#aboutPageScope .founder-section-final { background: var(--light-gray); padding: 100px 0; }
#aboutPageScope .founder-box { display: flex; background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
#aboutPageScope .founder-img { flex: 0 0 350px; }
#aboutPageScope .founder-img img { width: 100%; height: 100%; object-fit: cover; }
#aboutPageScope .founder-content { padding: 60px; }
#aboutPageScope .role { color: var(--gold); font-weight: 700; margin-bottom: 20px; }
#aboutPageScope .founder-bio { color: #666; font-size: 1.05rem; }

@media (max-width: 992px) {
    #aboutPageScope .grid-3, #aboutPageScope .founder-box { grid-template-columns: 1fr; flex-direction: column; }
    #aboutPageScope .quick-stats-bar { width: 95%; gap: 10px; padding: 20px; }
    #aboutPageScope .hero-box h1 { font-size: 2.2rem; }
}

@media (max-width: 768px) {
    #aboutPageScope .container { padding: 0 15px; }
    #aboutPageScope .corporate-hero { height: 350px; }
    #aboutPageScope .hero-box h1 { font-size: 1.6rem; margin-top: 15px; }
    #aboutPageScope .badge { font-size: 0.7rem; padding: 5px 12px; }
    
    #aboutPageScope .main-content-area { padding: 0 0 50px; margin-top: -50px; }
    #aboutPageScope .office-hero-img { height: auto; min-height: 200px; }
    
    #aboutPageScope .quick-stats-bar {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        margin-top: 20px;
        padding: 20px;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    #aboutPageScope .qs-item strong { font-size: 1.5rem; }
    #aboutPageScope .qs-item span { font-size: 0.7rem; }
    
    #aboutPageScope .text-block { margin: 40px auto 0; padding: 0 5%; }
    #aboutPageScope .section-heading { font-size: 1.5rem; margin-bottom: 20px; }
    #aboutPageScope .description-text { font-size: 0.95rem; }
    
    #aboutPageScope .grid-3 { 
        grid-template-columns: 1fr; 
        gap: 20px; 
        padding: 50px 5%; 
    }
    #aboutPageScope .v-card { padding: 30px; }
    #aboutPageScope .v-card i { font-size: 2rem; margin-bottom: 15px; }
    #aboutPageScope .v-card h3 { font-size: 1.2rem; margin-bottom: 10px; }
    #aboutPageScope .v-card p { font-size: 0.9rem; }
    
    #aboutPageScope .founder-section-final { padding: 40px 0; }
    #aboutPageScope .founder-box { border-radius: 8px; }
    #aboutPageScope .founder-img { flex: none; height: 250px; width: 100%; }
    #aboutPageScope .founder-content { padding: 20px; }
    #aboutPageScope .founder-content h2 { font-size: 1.4rem; }
    #aboutPageScope .role { font-size: 0.9rem; margin-bottom: 15px; }
    #aboutPageScope .founder-bio { font-size: 0.9rem; }
    #aboutPageScope .label { font-size: 0.75rem; }
}

@media (max-width: 480px) {
    #aboutPageScope .corporate-hero { height: 300px; }
    #aboutPageScope .hero-box h1 { font-size: 1.3rem; }
    #aboutPageScope .office-hero-img { height: auto; min-height: 150px; }
    
    #aboutPageScope .quick-stats-bar { padding: 15px; gap: 15px; }
    #aboutPageScope .qs-item strong { font-size: 1.3rem; }
    
    #aboutPageScope .section-heading { font-size: 1.3rem; }
    #aboutPageScope .description-text { font-size: 0.9rem; }
    
    #aboutPageScope .v-card { padding: 25px; }
    #aboutPageScope .v-card h3 { font-size: 1.1rem; }
    #aboutPageScope .v-card p { font-size: 0.85rem; }
    
    #aboutPageScope .founder-img { height: 500px; width: 100%; margin:0px; padding:0px; }
    #aboutPageScope .founder-content { padding: 15px; }
    #aboutPageScope .founder-content h2 { font-size: 1.2rem; }
    #aboutPageScope .founder-bio { font-size: 0.85rem; }
}