.leadership-page{
    padding:clamp(32px,4vw,55px) 0 clamp(55px,7vw,90px);
    background:linear-gradient(
        145deg,
        #eef0ff 0%,
        #f5f1fa 52%,
        #eaf7f1 100%
    );
}

.leadership-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,260px));
    justify-content:center;
    align-items:start;
    column-gap:clamp(100px,15vw,200px);
    row-gap:50px;
    width:100%;
}

.leadership-card{
    width:100%;
    min-width:0;
}

.leadership-photo{
    width:100%;
    height:clamp(245px,27vw,295px);
    overflow:hidden;
    border:1px solid rgba(98,102,234,.15);
    border-radius:clamp(15px,2vw,20px);
    background:#e7e7e7;
    box-shadow:0 14px 30px rgba(33,34,84,.15);
    transition:transform .25s ease,box-shadow .25s ease;
}

.leadership-card:hover .leadership-photo{
    transform:translateY(-4px);
    box-shadow:0 20px 38px rgba(33,34,84,.2);
}

.leadership-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform .3s ease;
}

.leadership-card:hover .leadership-photo img{
    transform:scale(1.03);
}

.leadership-photo-placeholder{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    background:linear-gradient(135deg,#ececf5,#dadbea);
    color:var(--plum);
    font-size:clamp(2.8rem,5vw,4rem);
}

.leadership-card-content{
    padding:clamp(15px,2vw,19px) 0 0;
    background:transparent;
}

.leadership-card-content h2{
    margin:0 0 10px;
    color:#08796d;
    font-size:clamp(1.1rem,1.7vw,1.35rem);
    font-weight:850;
    line-height:1.25;
    overflow-wrap:anywhere;
}

.leadership-designation{
    display:inline-flex;
    align-items:center;
    padding:6px 13px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--plum),#6266ea);
    color:#fff;
    font-size:clamp(.9rem,1.25vw,1.05rem);
    font-weight:800;
    line-height:1.25;
    box-shadow:0 5px 13px rgba(98,102,234,.2);
}

.leadership-profile-button {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    margin-top:clamp(13px,1.8vw,17px);
    padding:10px 14px;
    border-radius:9px;
    font-size:clamp(.86rem,1.1vw,.96rem);
    font-weight:800;
    line-height:1.3;
    text-decoration:none;
    box-shadow:0 7px 16px rgba(8,120,63,.22);
    transition:transform .2s ease,box-shadow .2s ease;
}

.leadership-profile-button:hover {
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(8,120,63,.3);
}

.leadership-profile-button i{
    flex:0 0 auto;
}

.leadership-profile-disabled{
    background:#e2e4ea;
    color:#747986;
    box-shadow:none;
    cursor:not-allowed;
}

.leadership-profile-disabled:hover{
    color:#747986;
    transform:none;
    box-shadow:none;
}

.leadership-empty{
    grid-column:1/-1;
    width:100%;
    max-width:560px;
    margin:0 auto;
    padding:35px 22px;
    border:1px dashed #cfd2df;
    border-radius:14px;
    background:rgba(255,255,255,.8);
    text-align:center;
}

.leadership-empty i{
    margin-bottom:11px;
    color:#08796d;
    font-size:2rem;
}

.leadership-empty h2{
    margin:0 0 7px;
    color:var(--plum);
    font-size:clamp(1.05rem,1.8vw,1.3rem);
    font-weight:800;
}

.leadership-empty p{
    margin:0;
    color:var(--muted);
}

@media(max-width:650px){
    .leadership-page{
        padding:28px 0 55px;
    }

    .leadership-grid{
        grid-template-columns:1fr;
        max-width:275px;
        margin:0 auto;
        column-gap:0;
        row-gap:clamp(45px,10vw,65px);
    }

    .leadership-photo{
        height:300px;
    }

    .leadership-card-content{
        padding-top:16px;
    }

    .leadership-designation{
        padding:6px 12px;
    }

    .leadership-profile-button {
        padding:10px 12px;
    }
}

@media(max-width:390px){
    .leadership-grid{
        max-width:255px;
        row-gap:45px;
    }

    .leadership-photo{
        height:280px;
    }

    }

@media(prefers-reduced-motion:reduce){
    .leadership-photo,
    .leadership-photo img,
    .leadership-profile-button {
        transition:none;
    }

    .leadership-card:hover .leadership-photo,
    .leadership-card:hover .leadership-photo img,
    .leadership-profile-button:hover {
        transform:none;
    }
}