/* ================================
   LEADERSHIP PAGE
================================ */

.mtic-page--minister,
.mtic-page--permanent-secretary,
.mtic-page--deputy-permanent-secretary-infocommunications,
.mtic-page--deputy-permanent-secretary-transport {
    position: relative;
}

.mtic-page--minister::before,
.mtic-page--permanent-secretary::before,
.mtic-page--deputy-permanent-secretary-infocommunications::before,
.mtic-page--deputy-permanent-secretary-transport::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/themes/mtic-theme/assets/images/about/about-bg-mask.png');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.4;
    z-index: -1;
    pointer-events: none;
}

.mtic-leadership {
    gap: var(--mtic-spacing-lg);
    padding: var(--mtic-spacing-lg) 0 var(--mtic-spacing-xl);
}

/* Profile Top Section */
.mtic-leadership__profile {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 48px;
}

/* Photo */
.mtic-leadership__photo {
    flex-shrink: 0; /* prevents photo from shrinking */
}

.mtic-leadership__photo img {
    width: 230px;
    height: auto;
    object-fit: cover;
}

.mtic-leadership__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.mtic-leadership__name {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 2rem;
    line-height: 41px;
    letter-spacing: 0;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 12px;
    word-wrap: break-word;
}

/* Divider line below name */
.mtic-leadership__name::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: var(--mtic-teal);
    border-radius: 20px;
    margin-top: 12px;
}

.mtic-leadership__position {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 22px;
    letter-spacing: 0;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.mtic-leadership__intro {
    font-family: 'Inter', sans-serif;
    font-weight: 700; 
    font-size: 0.875rem;
    line-height: 1.6;
    letter-spacing: 0;
    color: #333333;
    text-align: justify;
}

.mtic-leadership__divider {
    width: 40px;
    height: 3px;
    background-color: #c8a84b;
    margin: 12px 0;
}

/* Curriculum Vitae */
.mtic-leadership__curriculum-vitae {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mtic-leadership__curriculum-vitae p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: justify;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {

    .mtic-leadership {
        gap: var(--mtic-spacing-lg);
        padding: var(--mtic-spacing-xl) 0 var(--mtic-spacing-xl);
    }

    .mtic-leadership__profile {
        gap: var(--mtic-spacing-lg);
        margin-bottom: var(--mtic-spacing-lg);
    }

    .mtic-leadership__name {
        font-size: 1.5rem;
        line-height: 32px;
    }

    .mtic-leadership__position {
        font-size: 0.875rem;
    }

    .mtic-leadership__intro {
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .mtic-leadership__curriculum-vitae p {
        font-size: 0.9375rem;
        line-height: 1.7;
    }
}

/* Responsive - Mobile */
@media (max-width: 768px) {

    .mtic-leadership__photo {
        padding: var(--mtic-spacing-md) 0;
        margin: 0 auto;
    }

    .mtic-leadership__profile {
        flex-direction: column;
        gap: var(--mtic-spacing-md);
        margin-bottom: var(--mtic-spacing-lg);
    }

    .mtic-leadership__name {
        font-size: 1.25rem;
        line-height: 28px;
    }

    .mtic-leadership__position {
        font-size: 0.75rem;
    }

    .mtic-leadership__intro {
        font-size: 0.8125rem;
        line-height: 1.6;
        text-align: left;
    }

    .mtic-leadership__curriculum-vitae p {
        font-size: 0.875rem;
        line-height: 1.6;
        text-align: left;
    }
}