```css
/* =========================================
   GLOBAL HEALTH EXPLORERS
   LEARNING PATHWAYS
   PRODUCTION CSS V2.0
========================================= */


/* =========================================
   GLOBAL
========================================= */

.learning-section {
    padding: 80px 20px;
}

.learning-section .container,
.learning-philosophy .container,
.learning-framework-section .container,
.learning-commitment .container {
    max-width: 1150px;
    margin: 0 auto;
}


/* =========================================
   HERO
========================================= */

.learning-hero {

    min-height: 62vh;

    background:
        linear-gradient(
            rgba(10, 45, 75, 0.68),
            rgba(10, 45, 75, 0.78)
        ),
        url("images/homepage/Global-Health-Challenges.jpeg");

    background-size: cover;
    background-position: center;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    color: white;

    padding: 80px 20px;
}


.learning-hero-content {
    max-width: 900px;
}


.learning-kicker {

    color: #bfeaf2;

    font-size: 0.82rem;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 18px;
}


.learning-hero h1 {

    color: white;

    font-size: clamp(2.7rem, 6vw, 4.4rem);

    line-height: 1.1;

    margin-bottom: 25px;
}


.learning-hero p:last-child {

    color: white;

    max-width: 800px;

    margin: 0 auto;

    font-size: 1.2rem;

    line-height: 1.8;
}


/* =========================================
   SECTION KICKER
========================================= */

.section-kicker {

    color: #17a2b8;

    font-size: 0.82rem;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin-bottom: 16px;
}


/* =========================================
   LEARNING PHILOSOPHY
========================================= */

.learning-philosophy {

    padding: 80px 20px;

    background: white;
}


.learning-philosophy-content {

    max-width: 950px;

    margin: 0 auto;

    text-align: center;
}


.learning-philosophy h2 {

    color: #0f4c81;

    font-size: clamp(2rem, 4vw, 2.8rem);

    line-height: 1.25;

    margin-bottom: 25px;
}


.learning-philosophy-content > p:not(.section-kicker) {

    color: #475569;

    font-size: 1.08rem;

    line-height: 1.85;

    max-width: 820px;

    margin: 0 auto;
}


/* =========================================
   LEARNING JOURNEY
========================================= */

.learning-journey {

    display: flex;

    align-items: stretch;

    justify-content: center;

    gap: 12px;

    margin-top: 48px;
}


.journey-step {

    flex: 1;

    min-width: 130px;

    padding: 22px 15px;

    background: #f4f9fc;

    border-radius: 14px;

    border-top: 4px solid #17a2b8;
}


.journey-number {

    display: block;

    color: #17a2b8;

    font-size: 0.72rem;

    font-weight: 800;

    letter-spacing: 1.5px;

    margin-bottom: 8px;
}


.journey-step strong {

    display: block;

    color: #0f4c81;

    font-size: 1.05rem;

    margin-bottom: 7px;
}


.journey-step small {

    display: block;

    color: #64748b;

    font-size: 0.82rem;

    line-height: 1.5;
}


.journey-arrow {

    align-self: center;

    color: #17a2b8;

    font-size: 1.35rem;

    font-weight: 700;
}


/* =========================================
   INTRODUCTION
========================================= */

.learning-introduction {

    max-width: 850px;

    margin: 0 auto;

    text-align: center;
}


.learning-introduction h2,
.learning-heading h2 {

    color: #0f4c81;

    font-size: clamp(2rem, 4vw, 2.8rem);

    line-height: 1.25;

    margin-bottom: 25px;
}


.learning-introduction p:last-child,
.learning-heading p:last-child {

    color: #475569;

    font-size: 1.06rem;

    line-height: 1.8;
}


/* =========================================
   PATHWAYS SECTION
========================================= */

.learning-pathways-section {

    background: #f4f9fc;
}


.learning-heading {

    max-width: 850px;

    margin: 0 auto 50px;

    text-align: center;
}


/* =========================================
   EIGHT-PATHWAY GRID
========================================= */

.learning-pathways-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 25px;
}


/* =========================================
   PATHWAY CARD
========================================= */

.learning-pathway-card {

    display: flex;

    flex-direction: column;

    background: white;

    border-radius: 17px;

    overflow: hidden;

    text-decoration: none;

    box-shadow:
        0 7px 25px rgba(0, 0, 0, 0.06);

    border-top: 4px solid #0f4c81;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.learning-pathway-card:hover {

    transform: translateY(-6px);

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.10);
}


/* =========================================
   IMAGE
========================================= */

.learning-image {

    position: relative;

    width: 100%;

    aspect-ratio: 16 / 10;

    overflow: hidden;

    background: #dbe7ef;
}


.learning-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform 0.35s ease;
}


.learning-pathway-card:hover
.learning-image img {

    transform: scale(1.04);
}


/* =========================================
   CARD CONTENT
========================================= */

.learning-card-content {

    display: flex;

    flex-direction: column;

    flex: 1;

    padding: 24px 22px 26px;
}


.pathway-number {

    display: inline-block;

    color: #17a2b8;

    font-size: 0.75rem;

    font-weight: 800;

    letter-spacing: 1.5px;

    margin-bottom: 7px;
}


.pathway-label {

    color: #64748b;

    font-size: 0.68rem;

    font-weight: 800;

    letter-spacing: 1.3px;

    line-height: 1.4;

    margin-bottom: 9px;
}


.learning-card-content h3 {

    color: #0f4c81;

    font-size: 1.25rem;

    line-height: 1.3;

    margin-bottom: 13px;
}


.learning-card-content > p:not(.pathway-label) {

    color: #475569;

    font-size: 0.9rem;

    line-height: 1.7;

    margin-bottom: 18px;
}


.pathway-link {

    display: inline-block;

    margin-top: auto;

    color: #0f4c81;

    font-size: 0.88rem;

    font-weight: 700;
}


/* =========================================
   GHBDC FLAGSHIP CARD
========================================= */

.learning-pathway-featured {

    border-top-color: #17a2b8;

    box-shadow:
        0 8px 28px rgba(23, 162, 184, 0.16);
}


.learning-pathway-featured:hover {

    box-shadow:
        0 16px 36px rgba(23, 162, 184, 0.20);
}


.learning-pathway-featured
.learning-card-content h3 {

    color: #0b5d70;
}


.flagship-badge {

    position: absolute;

    top: 14px;

    right: 14px;

    padding: 7px 10px;

    border-radius: 20px;

    background: #0f4c81;

    color: white;

    font-size: 0.66rem;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================
   FROM LEARNING TO LEADERSHIP
========================================= */

.learning-leadership-section {

    background: white;
}


.learning-two-column {

    display: grid;

    grid-template-columns:
        1.05fr 0.95fr;

    gap: 65px;

    align-items: center;
}


.learning-leadership-text h2 {

    color: #0f4c81;

    font-size: clamp(2rem, 4vw, 2.7rem);

    line-height: 1.25;

    margin-bottom: 25px;
}


.learning-leadership-text p:not(.section-kicker) {

    color: #475569;

    font-size: 1.03rem;

    line-height: 1.8;

    margin-bottom: 18px;
}


/* =========================================
   LEADERSHIP JOURNEY BOX
========================================= */

.learning-leadership-box {

    background: #f4f9fc;

    border-radius: 18px;

    padding: 30px;

    border-left: 5px solid #17a2b8;
}


.leadership-stage {

    display: grid;

    grid-template-columns: 40px 1fr;

    column-gap: 14px;

    padding: 18px 0;

    border-bottom: 1px solid #dbe7ef;
}


.leadership-stage:last-child {

    border-bottom: none;
}


.leadership-stage > span {

    grid-row: span 2;

    color: #17a2b8;

    font-size: 0.72rem;

    font-weight: 800;

    padding-top: 3px;
}


.leadership-stage strong {

    color: #0f4c81;

    font-size: 1.05rem;

    margin-bottom: 4px;
}


.leadership-stage small {

    color: #64748b;

    font-size: 0.84rem;

    line-height: 1.5;
}


/* =========================================
   EDUCATION FRAMEWORK
========================================= */

.learning-framework-section {

    padding: 80px 20px;

    background: #f4f9fc;
}


.learning-framework-content {

    max-width: 820px;

    margin: 0 auto;

    text-align: center;
}


.learning-framework-content h2 {

    color: #0f4c81;

    font-size: clamp(2rem, 4vw, 2.7rem);

    line-height: 1.25;

    margin-bottom: 22px;
}


.learning-framework-content > p:not(.section-kicker) {

    color: #475569;

    font-size: 1.05rem;

    line-height: 1.8;

    margin-bottom: 30px;
}


.learning-framework-button {

    display: inline-block;

    padding: 13px 24px;

    border-radius: 30px;

    background: #0f4c81;

    color: white;

    text-decoration: none;

    font-weight: 700;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.learning-framework-button:hover {

    background: #17a2b8;

    transform: translateY(-2px);
}


/* =========================================
   FINAL COMMITMENT
========================================= */

.learning-commitment {

    padding: 90px 20px;

    background: #0f4c81;

    color: white;
}


.learning-commitment-content {

    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


.learning-commitment-content .section-kicker {

    color: #8ed8e5;
}


.learning-commitment-content h2 {

    color: white;

    font-size: clamp(2.2rem, 5vw, 3rem);

    line-height: 1.25;

    margin-bottom: 25px;
}


.learning-commitment-content > p:not(.section-kicker):not(.learning-signature) {

    color: white;

    font-size: 1.08rem;

    line-height: 1.85;

    max-width: 800px;

    margin: 0 auto;
}


.learning-signature {

    margin-top: 38px;

    color: #bfeaf2 !important;

    font-size: 1.3rem !important;

    line-height: 1.8 !important;

    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .learning-pathways-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    .learning-two-column {

        grid-template-columns: 1fr;

        gap: 40px;
    }

}


@media (max-width: 850px) {

    .learning-journey {

        flex-wrap: wrap;
    }


    .journey-step {

        flex: 0 0 calc(50% - 20px);
    }


    .journey-arrow {

        display: none;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 650px) {

    .learning-section {

        padding: 60px 18px;
    }


    .learning-hero {

        min-height: 55vh;

        padding: 65px 18px;
    }


    .learning-hero h1 {

        font-size: 2.5rem;
    }


    .learning-hero p:last-child {

        font-size: 1.05rem;
    }


    .learning-pathways-grid {

        grid-template-columns: 1fr;

        gap: 22px;
    }


    .learning-card-content {

        padding: 23px 21px 25px;
    }


    .journey-step {

        flex: 0 0 100%;
    }


    .learning-leadership-box {

        padding: 23px;
    }


    .learning-framework-section {

        padding: 65px 18px;
    }


    .learning-commitment {

        padding: 65px 18px;
    }


    .learning-signature {

        font-size: 1.15rem !important;
    }

}
```