/* =========================================================
   CHANCELLOR PAGE
========================================================= */

.chancellor-page{
    padding:clamp(12px,1.8vw,24px) 0 clamp(55px,6vw,85px);
    background:linear-gradient(
        145deg,
        #eef0ff 0%,
        #f5f1fa 52%,
        #eaf7f1 100%
    );
}

.chancellor-hero-decoration{
    display:none;
}

/* =========================================================
   BACK LINK
========================================================= */

.chancellor-back-link{
    display:flex;
    width:max-content;
    align-items:center;
    gap:8px;
    margin:0 0 clamp(14px,2vw,22px) auto;
    color:var(--plum);
    font-size:clamp(.86rem,1vw,.96rem);
    font-weight:800;
    text-decoration:none;
    transition:color .2s ease,transform .2s ease;
}

.chancellor-back-link i{
    color:var(--coral);
}

.chancellor-back-link:hover{
    color:var(--rose);
    transform:translateX(-3px);
}

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

.chancellor-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) clamp(165px,18vw,200px);
    align-items:center;
    gap:clamp(22px,3vw,40px);
    padding:clamp(12px,1.5vw,18px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:clamp(16px,2vw,24px);
    background:linear-gradient(135deg,#181642,var(--plum) 52%,#493b91);
    box-shadow:0 20px 48px rgba(31,29,81,.2);
}

/* =========================================================
   PORTRAIT
========================================================= */

.chancellor-portrait-column{
    display:flex;
    grid-column:2;
    grid-row:1;
    align-items:center;
    flex-direction:column;
    margin-right:clamp(15px,3vw,40px);
}

.chancellor-portrait-frame{
    width:100%;
    aspect-ratio:4/5;
    padding:6px;
    overflow:hidden;
    border:1px solid rgba(237,205,119,.72);
    border-radius:16px;
    background:rgba(255,255,255,.12);
    box-shadow:0 14px 30px rgba(0,0,0,.24);
}

.chancellor-portrait,
.chancellor-portrait-placeholder{
    width:100%;
    height:100%;
    border-radius:11px;
}

.chancellor-portrait{
    display:block;
    object-fit:cover;
    object-position:center top;
}

.chancellor-portrait-placeholder{
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#342c78,#6266ea);
    color:#fff;
    font-size:clamp(2.5rem,5vw,4rem);
}

/* =========================================================
   IDENTITY
========================================================= */

.chancellor-identity{
    display:grid;
    grid-column:1;
    grid-row:1;
    grid-template-columns:auto minmax(0,1fr);
    align-items:baseline;
    column-gap:clamp(12px,1.8vw,22px);
    width:100%;
    max-width:100%;
    min-width:0;
    color:#fff;
}

.chancellor-kicker{
    display:inline-flex;
    grid-column:1/-1;
    margin-bottom:clamp(8px,1vw,12px);
    padding:6px 12px;
    border:1px solid rgba(241,212,134,.32);
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:#f1d486;
    font-size:clamp(.68rem,.8vw,.78rem);
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.chancellor-identity h1{
    grid-column:1;
    min-width:0;
    margin:0;
    color:#fff;
    font-size:clamp(1.8rem,3.2vw,3rem);
    font-weight:850;
    line-height:1.1;
    letter-spacing:-.02em;
    overflow-wrap:anywhere;
}

.chancellor-post-nominals{
    grid-column:2;
    align-self:end;
    min-width:0;
    margin:0 0 .12em;
    color:#f1d486;
    font-size:clamp(1.12rem,1.7vw,1.48rem);
    font-weight:850;
    line-height:1.25;
    white-space:normal;
    overflow-wrap:anywhere;
}

/* =========================================================
   QUALIFICATIONS
========================================================= */

.chancellor-qualifications{
    display:block;
    grid-column:1/-1;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:clamp(10px,1.3vw,15px) 0 0;
    color:#fff;
    font-size:clamp(1rem,1.45vw,1.25rem);
    font-weight:750;
    line-height:1.6;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
}

.chancellor-qualifications span{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
}

.chancellor-qualifications i{
    display:none;
}

/* =========================================================
   DESIGNATION
========================================================= */

.chancellor-designation{
    display:inline-flex;
    grid-column:1/-1;
    align-items:center;
    justify-content:center;
    justify-self:start;
    width:auto;
    max-width:100%;
    min-width:0;
    margin-top:clamp(12px,1.6vw,18px);
    padding:clamp(8px,1vw,11px) clamp(14px,2vw,24px);
    box-sizing:border-box;
    border:1px solid #f2d27d;
    border-radius:999px;
    background:linear-gradient(135deg,#f5d77f,#d7aa3d);
    color:#251c46;
    font-size:clamp(1.1rem,2vw,1.5rem);
    font-weight:900;
    line-height:1.3;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:clamp(.03em,.4vw,.08em);
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    box-shadow:0 9px 20px rgba(0,0,0,.2);
}

.chancellor-designation i{
    display:none;
}

.chancellor-subtitle{
    grid-column:1/-1;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:clamp(8px,1vw,12px) 0 0;
    color:rgba(255,255,255,.82);
    font-size:clamp(.9rem,1.1vw,1rem);
    line-height:1.7;
    white-space:normal;
    overflow-wrap:anywhere;
}

.chancellor-introduction{
    grid-column:1/-1;
    width:100%;
    max-width:100%;
    min-width:0;
    margin-top:clamp(10px,1.4vw,15px);
    padding:clamp(11px,1.5vw,16px);
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    background:rgba(255,255,255,.07);
    font-size:clamp(.88rem,1.05vw,.97rem);
    line-height:1.75;
    overflow-wrap:anywhere;
}

.chancellor-introduction p{
    margin-top:0;
}

.chancellor-introduction p:last-child{
    margin-bottom:0;
}

/* =========================================================
   SECTION NAVIGATION
========================================================= */

.chancellor-navigation{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin:clamp(24px,3vw,38px) 0;
    padding:clamp(11px,1.5vw,15px);
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
    box-shadow:0 9px 24px rgba(33,34,84,.07);
}

.chancellor-navigation a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 15px;
    border:1px solid rgba(98,102,234,.16);
    border-radius:999px;
    background:#f7f7ff;
    color:var(--plum);
    font-size:clamp(.75rem,.9vw,.85rem);
    font-weight:800;
    text-decoration:none;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}

.chancellor-navigation a i{
    color:var(--coral);
}

.chancellor-navigation a:hover{
    background:#6266ea;
    color:#fff;
    transform:translateY(-2px);
}

.chancellor-navigation a:hover i{
    color:#fff;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.chancellor-section{
    margin-top:clamp(30px,4vw,50px);
    scroll-margin-top:110px;
}

.chancellor-section-heading{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:clamp(16px,2vw,23px);
}

.chancellor-section-icon{
    display:grid;
    flex:0 0 clamp(44px,4vw,54px);
    width:clamp(44px,4vw,54px);
    height:clamp(44px,4vw,54px);
    place-items:center;
    border-radius:13px;
    color:#fff;
    font-size:clamp(.95rem,1.2vw,1.15rem);
    box-shadow:0 8px 18px rgba(33,34,84,.16);
}

.chancellor-award-icon{
    background:linear-gradient(135deg,#a87818,#dfba5c);
}

.chancellor-position-icon{
    background:linear-gradient(135deg,var(--plum),#6266ea);
}

.chancellor-section-kicker{
    display:block;
    margin-bottom:3px;
    color:var(--coral);
    font-size:clamp(.68rem,.82vw,.76rem);
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.chancellor-section-heading h2{
    margin:0;
    color:var(--plum);
    font-size:clamp(1.3rem,2.1vw,1.85rem);
    font-weight:850;
    line-height:1.25;
}

.chancellor-section-heading p{
    margin:5px 0 0;
    color:#000;
    font-size:clamp(.83rem,1vw,.93rem);
    font-style:italic;
}

/* =========================================================
   AWARDS
========================================================= */

.chancellor-awards-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(12px,1.8vw,18px);
}

.chancellor-award-card{
    position:relative;
    display:grid;
    grid-template-columns:clamp(38px,4vw,46px) minmax(0,1fr);
    align-items:center;
    gap:13px;
    padding:clamp(16px,2vw,22px);
    border:1px solid rgba(192,149,44,.27);
    border-radius:15px;
    background:linear-gradient(145deg,#fffdf6,#fff);
    box-shadow:0 9px 24px rgba(33,34,84,.07);
    transition:transform .2s ease,box-shadow .2s ease;
}

.chancellor-award-card:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 32px rgba(33,34,84,.11);
}

.chancellor-card-number{
    position:absolute;
    top:10px;
    right:12px;
    color:rgba(168,120,24,.38);
    font-size:.78rem;
    font-weight:850;
}

.chancellor-award-symbol{
    display:grid;
    width:clamp(38px,4vw,46px);
    aspect-ratio:1;
    place-items:center;
    border-radius:11px;
    background:linear-gradient(135deg,#a87818,#dfba5c);
    color:#fff;
    font-size:clamp(.85rem,1vw,1rem);
}

.chancellor-award-card p{
    margin:0;
    padding-right:8px;
    color:#000;
    font-size:clamp(.88rem,1.05vw,.96rem);
    font-weight:700;
    line-height:1.65;
}

/* =========================================================
   POSITIONS
========================================================= */

.chancellor-positions-card{
    padding:clamp(16px,2.4vw,26px);
    border:1px solid rgba(98,102,234,.15);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(33,34,84,.07);
}

.chancellor-positions-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 clamp(18px,3vw,34px);
    margin:0;
    padding:0;
    list-style:none;
}

.chancellor-positions-list li{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:start;
    gap:11px;
    padding:clamp(9px,1.3vw,13px) 0;
    border-bottom:1px solid rgba(98,102,234,.1);
    color:#000;
    font-size:clamp(.88rem,1.05vw,.96rem);
    font-weight:650;
    line-height:1.65;
}

.chancellor-position-marker{
    display:grid;
    width:30px;
    aspect-ratio:1;
    place-items:center;
    border-radius:8px;
    background:rgba(8,139,74,.1);
    color:#088b4a;
    font-size:.72rem;
}

/* =========================================================
   BIOGRAPHY
========================================================= */

.chancellor-biography{
    margin-top:clamp(36px,5vw,62px);
}

.chancellor-biography-heading{
    max-width:850px;
    margin:0 auto clamp(21px,3vw,34px);
    text-align:center;
}

.chancellor-biography-heading h2{
    margin:0;
    color:var(--plum);
    font-size:clamp(1.5rem,2.6vw,2.2rem);
    font-weight:850;
    line-height:1.2;
}

.chancellor-biography-heading p{
    max-width:760px;
    margin:10px auto 0;
    color:#000;
    font-size:clamp(.89rem,1.1vw,.99rem);
    line-height:1.75;
}

.chancellor-biography-list{
    display:grid;
    gap:clamp(13px,2vw,19px);
}

.chancellor-biography-card{
    display:grid;
    grid-template-columns:clamp(42px,4vw,52px) minmax(0,1fr);
    align-items:start;
    gap:clamp(13px,2vw,20px);
    padding:clamp(18px,2.5vw,28px);
    border:1px solid rgba(98,102,234,.14);
    border-radius:17px;
    background:#fff;
    box-shadow:0 10px 28px rgba(33,34,84,.07);
    scroll-margin-top:110px;
    transition:transform .2s ease,box-shadow .2s ease;
}

.chancellor-biography-card:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 36px rgba(33,34,84,.11);
}

.chancellor-biography-number{
    display:grid;
    width:clamp(42px,4vw,52px);
    aspect-ratio:1;
    place-items:center;
    border:1px solid rgba(98,102,234,.22);
    border-radius:12px;
    background:rgba(98,102,234,.09);
    color:#5559d5;
    font-size:clamp(.75rem,.9vw,.85rem);
    font-weight:850;
}

.chancellor-biography-content{
    min-width:0;
}

.chancellor-biography-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(98,102,234,.11);
}

.chancellor-biography-title>span{
    display:grid;
    flex:0 0 38px;
    width:38px;
    aspect-ratio:1;
    place-items:center;
    border-radius:10px;
    background:linear-gradient(135deg,var(--plum),#6266ea);
    color:#fff;
    font-size:.88rem;
}

.chancellor-biography-title h2{
    margin:0;
    color:var(--plum);
    font-size:clamp(1.05rem,1.5vw,1.3rem);
    font-weight:850;
    line-height:1.4;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:767px){

    .chancellor-page{
        padding:clamp(20px,5vw,30px) 0 clamp(45px,8vw,65px);
    }

    .chancellor-hero{
        grid-template-columns:1fr;
        justify-items:center;
        gap:clamp(16px,4vw,24px);
         padding:clamp(12px,3vw,17px);
        text-align:center;
    }

    .chancellor-portrait-column{
        grid-column:1;
        grid-row:1;
        width:clamp(145px,46vw,185px);
        max-width:100%;
		margin-right:0;
    }

    .chancellor-identity{
        grid-column:1;
        grid-row:2;
        grid-template-columns:minmax(0,1fr);
        justify-items:center;
        width:100%;
        max-width:100%;
        min-width:0;
    }

    .chancellor-identity h1,
    .chancellor-post-nominals,
    .chancellor-qualifications,
    .chancellor-designation,
    .chancellor-subtitle,
    .chancellor-introduction{
        grid-column:1;
        max-width:100%;
        min-width:0;
    }

    .chancellor-identity h1{
        width:100%;
        font-size:clamp(1.6rem,7vw,2.25rem);
        text-align:center;
    }

    .chancellor-post-nominals{
        width:100%;
        margin-top:7px;
        font-size:clamp(1rem,4.6vw,1.25rem);
        text-align:center;
    }

    .chancellor-qualifications{
        width:100%;
        margin-top:10px;
        font-size:clamp(.95rem,4vw,1.15rem);
        line-height:1.55;
        text-align:center;
    }

    .chancellor-designation{
        justify-self:center;
        width:auto;
        max-width:100%;
        margin-top:12px;
        padding:9px clamp(12px,4vw,18px);
        border-radius:14px;
        font-size:clamp(1rem,4.5vw,1.25rem);
        line-height:1.3;
        letter-spacing:clamp(.02em,.3vw,.05em);
    }

    .chancellor-subtitle{
        width:100%;
        text-align:center;
    }

    .chancellor-introduction{
        width:100%;
        text-align:left;
    }

    .chancellor-navigation{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .chancellor-navigation a{
        justify-content:center;
        min-width:0;
        text-align:center;
        white-space:normal;
        overflow-wrap:anywhere;
    }

    .chancellor-awards-grid,
    .chancellor-positions-list{
        grid-template-columns:1fr;
    }
}

@media(max-width:480px){

    .chancellor-back-link{
        font-size:clamp(.8rem,3.8vw,.9rem);
    }

    .chancellor-navigation{
        grid-template-columns:1fr;
    }

    .chancellor-navigation a{
        justify-content:flex-start;
    }

    .chancellor-biography-card{
        grid-template-columns:1fr;
    }

    .chancellor-biography-number{
        width:40px;
    }

    .chancellor-biography-title{
        align-items:flex-start;
    }

    .chancellor-qualifications{
        font-size:clamp(.92rem,4.2vw,1.05rem);
    }

    .chancellor-designation{
        width:100%;
        max-width:100%;
        padding:9px 10px;
        font-size:clamp(.95rem,4.3vw,1.1rem);
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

    .chancellor-back-link,
    .chancellor-navigation a,
    .chancellor-award-card,
    .chancellor-biography-card{
        transition:none;
    }

    .chancellor-back-link:hover,
    .chancellor-navigation a:hover,
    .chancellor-award-card:hover,
    .chancellor-biography-card:hover{
        transform:none;
    }
}