/* =============================================
   ABOUT PAGE  —  css/pages/about.css
   Hero override only; all section styles
   come from mba.css (also linked by about.html)
============================================= */

/* ── HERO BACKGROUND ── */
.hero-about {
    background: url("../websiteImage/aboutibs/hero.jpg") center / cover no-repeat;
    position: relative;
    overflow: hidden;
}

.hero-about::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(0, 18, 41, .88) 0%,
            rgba(0, 30, 72, .80) 55%,
            rgba(26, 35, 126, .75) 100%);
}

/* hero content sits above the overlay */
.hero-about .hero-inner {
    position: relative;
    z-index: 1;
}

.hero-about .hero-text h1 em {
    color: var(--primary-red);
}

/* ── ORGANIZATIONAL STRUCTURE SECTION ── */
.about-org-section {
    background-image: url("../websiteImage/aboutibs/hero.jpg");
    padding: 36px 0;
}

.about-org-section .case-right p+p {
    margin-top: 20px;
}


.sip-grid-about {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    align-items: stretch;

}

.skills-wrap-about {
    display: grid;
    gap: 64px;
    align-items: start
}