@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root{
    --font-family-Manrope: 'Plus Jakarta Sans',sans-serif;
    /* --font-family-Roboto: "Fraunces", ui-serif, Georgia, serif; */
    --font-family-Roboto: "Lora", serif;
    --font-body: "Inter", sans-serif;
    --chancellor-red:#ee7836;
    --chancellor-text:#5b6b7a;
    --chancellor-heading:#1e1e1e;
    --chancellor-bg:#f2f7ff;
      --about-red:#c1272d;
    --maroon-900:#4d0f18;
    --maroon-800:#6c1524;
    --maroon-700:#7d1b2b;
    --gold-500:#ee7836;
    --gold-300:#e6cd7a;
    --ivory-050:#faf6ee;
    --ink:#3a1b1f;
  }
 
  .chancellor-section{
    background:var(--chancellor-bg);
    overflow:hidden;
  }
 
  .chancellor-photo-col{
    position:relative;
    padding:0;
  }
   .chancellor-photo-wrap{
    position:relative;
    height:100%;
    min-height:500px;
  }
   .chancellor-photo-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
    display:block;
  }
 
  .chancellor-namecard{
    position:absolute;
    right:-24px;
    bottom:0px;
    background:#fff;
    padding:22px 30px;
    max-width:340px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    z-index:3;
  }
 
  .chancellor-namecard h3{
    font-family:var(--font-family-Roboto);
    color:var(--chancellor-red);
    font-size:1.45rem;
    font-weight:600;
    margin-bottom:6px;
  }
 
  .chancellor-namecard p{
    font-family:var(--font-family-Roboto);
    color:#404040;
    font-size:1rem;
    margin-bottom:2px;
    line-height:1.4;
  }
 
   .chancellor-text-col{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:60px 60px 60px 70px;
  }
 
  .chancellor-heading{
    font-family:var(--font-family-Roboto);
    color:var(--chancellor-heading);
    font-size:2.1rem;
    line-height:1.35;
    font-weight:500;

  }
 
  .chancellor-heading .script{
    font-family:var(--font-family-Roboto);
    color:var(--chancellor-red);
    font-size:1.5em;
    font-weight:400;
    padding:0 2px;
  }
 
  .chancellor-desc{
    font-family:'Noto Sans', sans-serif;
    color:#1e1e1e;
    font-size:1rem;
    line-height:1.85;
    text-align:justify;
    /* max-width:560px; */
  }
 

.about-label-strip{
    background:var(--ivory-050);
    padding:0px 0px 0px;
  }
  .about-eyebrow{
    font-family:'Inter', sans-serif;
    font-size:.72rem;
    font-weight:600;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--gold-500);
    margin-bottom:6px;
  }
  .about-label-strip h1{
    font-family:'Fraunces', serif;
    font-optical-sizing:auto;
    font-weight:400;
    font-style:italic;
    font-size:3.6rem;
    color:#0a2f5e;
    opacity:.9;
    margin:0 0 14px;
    line-height:1;
  }
  .about-rule{
    width:72px;
    height:3px;
    background:linear-gradient(90deg, #ee7836, #ee7836);
    border-radius:2px;
  }
 
  /* ---------- Maroon credentials block ---------- */
  .about-red-block{
    position:relative;
    /* background:
      radial-gradient(ellipse 900px 500px at 100% 0%, var(--maroon-700), transparent 60%),
      linear-gradient(160deg, var(--maroon-800), var(--maroon-900) 75%); */
    color:#fff;
    padding:48px 56px;
    overflow:hidden;
  }
  .about-red-block::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 44px);
    pointer-events:none;
  }
 
  .about-col-divider{
    position:relative;
  }
  @media (min-width: 768px){
    /* .about-col-divider::before{
      content:"";
      position:absolute;
      top:4px; bottom:4px; left:-28px;
      width:1px;
      background:linear-gradient(to bottom, transparent, rgba(230,205,122,.35) 15%, rgba(230,205,122,.35) 85%, transparent);
    } */
  }
 
  .about-credentials-top{
    margin-bottom:30px;
    padding-bottom:26px;
    border-bottom:1px solid #ee7836;
  }
  .about-credentials-top p{
    font-family:'Fraunces', serif;
    font-weight:500;
    font-size:1.2rem;
    letter-spacing:.02em;
    color:#0a2f5e;
    margin-bottom:0px;
    line-height:1.5;
  }
 
  .about-block{
    margin-bottom:24px;
  }
 
  .about-block h4{
    font-family:'Inter', sans-serif;
    font-weight:700;
    font-size:.85rem;
    letter-spacing:.04em;
    color:#0b0a0a;
    margin-bottom:0px;
    display:flex;
    align-items:center;
    gap:9px;
  }
  .about-block h4::before{
    content:"";
    width:7px;
    height:7px;
    background:var(--gold-500);
    transform:rotate(45deg);
    flex:none;
  }
 
  .about-block ul{
    list-style:none;
    padding-left:16px;
    margin-bottom:0;
    border-left:1px solid #ee7836;
  }
 
  .about-block ul li{
    font-family:'Inter', sans-serif;
    font-size:.86rem;
    font-weight:400;
    color:rgb(0 0 0 / 82%);
    line-height:1.6;
    margin-bottom:0px;
  }
 
  /* ---------- Photo collage ---------- */
  .about-photo-grid{
    display:grid;
    width:100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap:16px;
}

.about-photo-grid figure{
    margin:0;
    overflow:hidden;
    border-radius:6px;
    box-shadow:0 12px 28px -10px rgba(76,15,24,.35);
    position:relative;
    aspect-ratio: 4 / 3; 
}

.about-photo-grid img{
    width:100%;
    height:100%;
    object-fit:cover; 
    object-position:center top;
    display:block;
    transition:transform .6s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.about-photo-grid figure:hover img{
    transform:scale(1.08);
}

.about-photo-grid figure::after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 0 0 0 1px rgba(230,205,122,.5);
    border-radius:6px;
    pointer-events:none;
    z-index:2;
}


 
  @media (max-width: 991.98px){
    .about-label-strip{ padding:28px 24px 20px; }
    .about-label-strip h1{ font-size:2.4rem; }
    .about-red-block{ padding:32px 24px; }
    .about-col-divider::before{ display:none; }
    .about-photo-grid{ min-height:340px; }
    .about-photo-grid{grid-template-columns: 1fr;}
  }
  
  @media (max-width: 991.98px){
    .chancellor-namecard{
      right:0px;
      left:16px;
      bottom:-40px;
      max-width:none;
    }
    .chancellor-photo-wrap{
      min-height:420px;
      margin-bottom:60px;
    }
    .chancellor-text-col{
      padding:20px 24px 60px;
    }
    .chancellor-heading{
      font-size:1.5rem;
      padding: 10px;
      margin-top: 22px;
    }
    .chancellor-desc{
      /* text-align:left; */
      padding: 15px;
    }
    .chancellor-heading .script{font-size: 0.99rem;}
  }