.director-card {
        height: 100%;
        overflow: hidden;

        background: #fff;

        border: 1px solid #e5e9e7;
        border-radius: 18px;

        transition:
            transform .25s ease,
            box-shadow .25s ease;
    }


    .director-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, .07);
    }


    .director-photo {
        height: 270px;
        overflow: hidden;
        background: #e8f5ee;
    }


    .director-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


    .director-info {
        padding: 22px;
    }


    .director-info span {
        color: #087443;

        font-size: .68rem;
        font-weight: 800;

        letter-spacing: 1.3px;
    }


    .director-info h3 {
        margin: 8px 0 5px;

        color: #17221d;

        font-size: 1.05rem;
        font-weight: 800;
    }


    .director-info p {
        margin: 0;

        color: #6c757d;

        font-size: .9rem;
    }


    /* =========================================================
   LEADERSHIP PRINCIPLES
========================================================= */

    .leadership-principles {
        display: grid;
        gap: 15px;
    }


    .principle-item {
        display: flex;
        align-items: flex-start;
        gap: 18px;

        padding: 22px;

        border: 1px solid #e5e9e7;
        border-radius: 16px;

        background: #fff;
    }


    .principle-icon {
        width: 48px;
        height: 48px;

        flex-shrink: 0;

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

        border-radius: 12px;

        background: #e8f5ee;
        color: #087443;

        font-size: 1.2rem;
    }


    .principle-item h3 {
        margin-bottom: 5px;

        color: #17221d;

        font-size: 1rem;
        font-weight: 800;
    }


    .principle-item p {
        margin: 0;

        color: #6c757d;

        font-size: .9rem;
        line-height: 1.6;
    }


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

    @media (max-width: 767px) {

        .management-photo {
            height: 320px;
        }

        .director-photo {
            height: 250px;
        }

        .management-content {
            padding: 22px;
        }

        .principle-item {
            padding: 18px;
        }

    }