.faculty-page{background:var(--paper)}
.faculty-intro{padding:120px 0 88px;border-bottom:1px solid var(--line)}
.faculty-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.faculty-intro h1{font:500 clamp(4.5rem,8.5vw,9rem)/.82 var(--serif);letter-spacing:-.055em;margin:18px 0 0}
.faculty-intro-copy{max-width:520px;padding-bottom:8px}
.faculty-intro-copy p{font:400 1.18rem/1.65 var(--sans);margin:0;color:var(--text)}
.faculty-section{padding:92px 0}
.faculty-visiting{background:var(--soft);border-block:1px solid var(--line)}
.faculty-section-head{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:28px}
.faculty-section-head p{margin:0;color:var(--grey);font-size:.84rem}
.faculty-list{border-top:1px solid var(--line)}
.faculty-profile{display:grid;grid-template-columns:70px 230px minmax(0,1fr);gap:34px;padding:48px 0;border-bottom:1px solid var(--line);align-items:start}
.faculty-number{font:500 .7rem var(--sans);letter-spacing:.12em;color:var(--grey)}
.faculty-role{font:500 .68rem/1.45 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.faculty-body{max-width:760px}
.faculty-body h2{font:500 clamp(2.4rem,4vw,4.2rem)/.95 var(--serif);letter-spacing:-.035em;margin:-7px 0 22px}
.faculty-body p{max-width:720px;margin:0 0 22px;line-height:1.7}
.faculty-status{font:italic 500 1.35rem var(--serif);color:var(--red);margin-bottom:12px!important}
.faculty-tba{opacity:.82}
.faculty-end{padding:95px 0 110px}
.faculty-end h2{font:500 clamp(3rem,5.5vw,6rem)/.9 var(--serif);letter-spacing:-.04em;max-width:850px;margin:16px 0 24px}
.faculty-end p{max-width:600px;margin-bottom:30px}
@media(max-width:900px){
 .faculty-intro{padding:92px 0 68px}
 .faculty-intro-grid{grid-template-columns:1fr;gap:34px}
 .faculty-profile{grid-template-columns:50px 180px minmax(0,1fr);gap:22px}
}
@media(max-width:700px){
 .faculty-intro{padding:72px 0 54px}
 .faculty-intro h1{font-size:clamp(3.7rem,16vw,5.5rem)}
 .faculty-section{padding:64px 0}
 .faculty-section-head{display:block;margin-bottom:20px}
 .faculty-section-head p{margin-top:9px}
 .faculty-profile{grid-template-columns:42px minmax(0,1fr);gap:10px 16px;padding:34px 0}
 .faculty-role{grid-column:2}
 .faculty-body{grid-column:2}
 .faculty-body h2{font-size:2.65rem;margin:2px 0 18px}
 .faculty-end{padding:70px 0 82px}
}



/* Portraits are displayed from the exact user-supplied files. No crop or image alteration. */
.faculty-profile{
  grid-template-columns:56px minmax(190px,250px) minmax(0,1fr);
  gap:38px;
  align-items:start;
  padding:54px 0;
}
.faculty-portrait{
  margin:0;
  width:100%;
  max-width:250px;
  align-self:start;
}
.faculty-portrait img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.faculty-body{
  max-width:760px;
  padding-top:1px;
}
.faculty-body .faculty-role{
  margin:0 0 15px;
}
.faculty-body h2{
  margin:0 0 22px;
}
.faculty-tba-space{
  width:100%;
  min-height:1px;
}
.faculty-tba{
  min-height:190px;
}

@media(max-width:900px){
  .faculty-profile{
    grid-template-columns:42px minmax(165px,210px) minmax(0,1fr);
    gap:26px;
  }
}

@media(max-width:700px){
  .faculty-profile,
  .faculty-profile-with-portrait{
    grid-template-columns:32px minmax(0,1fr);
    gap:14px 16px;
    padding:38px 0;
  }
  .faculty-number{
    grid-column:1;
    grid-row:1;
  }
  .faculty-portrait{
    grid-column:2;
    grid-row:1 / span 2;
    max-width:220px;
    margin-bottom:12px;
  }
  .faculty-body{
    grid-column:2;
    grid-row:3;
    width:100%;
  }
  .faculty-body .faculty-role{
    margin-bottom:12px;
  }
  .faculty-body h2{
    font-size:clamp(2.45rem,11vw,3.15rem);
    margin:0 0 18px;
  }
  .faculty-tba-space{
    display:none;
  }
  .faculty-tba .faculty-body{
    grid-row:1;
  }
}



.faculty-end{
  background:var(--cta-bg,var(--red));
  color:#f6f2e9;
}
.faculty-end .eyebrow,
.faculty-end h2,
.faculty-end p{
  color:#f6f2e9;
}
.faculty-end .btn{
  border-color:#f6f2e9;
  color:#f6f2e9;
  background:transparent;
}
.faculty-end .btn:hover{
  background:#f6f2e9;
  color:var(--red);
}
html[data-theme="dark"] .faculty-end{
  background:var(--cta-bg,var(--red));
  color:#f6f2e9;
}
html[data-theme="dark"] .faculty-end .eyebrow,
html[data-theme="dark"] .faculty-end h2,
html[data-theme="dark"] .faculty-end p{
  color:#f6f2e9;
}