/* Faculty: the same gamosa cotton, red and type as the school. */
.hero-faculty{display:inline-flex;align-items:center;gap:18px;max-width:100%;margin-top:22px;padding:12px 18px 12px 12px;background:var(--red);color:var(--cloth);text-decoration:none;transition:background .2s}
.hero-faculty:hover{background:var(--red-deep)}
.hero-faculty-portraits{display:flex;padding-left:8px;flex-shrink:0}
.hero-faculty-portraits img{width:39px;height:49px;object-fit:cover;border:2px solid var(--red);margin-left:-8px}
.hero-faculty strong{display:block;font:700 19px/1.2 var(--sans)}
.hero-faculty small{display:block;font-size:14px;line-height:1.4;margin-top:3px;opacity:.85}
.hero-faculty>svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;margin-left:5px}
.faculty-heading{padding:clamp(122px,12vw,164px) 0 clamp(44px,6vw,80px);overflow:hidden}
.faculty-heading-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,7vw,100px);align-items:center}
.faculty-back{display:inline-block;margin-bottom:24px;color:var(--muted);font-size:15px;text-decoration:none;border-bottom:1px solid var(--line)}
.faculty-back:hover{color:var(--red)}
.faculty-heading h1{font-size:clamp(64px,8.5vw,124px);line-height:.93;letter-spacing:-.045em}
.faculty-heading p{max-width:31em;font-size:20px;line-height:1.5;color:var(--muted);margin:26px 0 0}
.faculty-cover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;padding:20px 0 34px;align-items:start}
.faculty-cover img{aspect-ratio:4/5;object-fit:cover;position:relative;z-index:1;border:5px solid var(--cloth);outline:1px solid var(--line)}
.faculty-cover img:nth-child(2){margin-top:44px}
.faculty-cover img:nth-child(3){margin-top:18px}
.faculty-cover-line{position:absolute;left:-16px;right:-16px;top:48%;height:38%;border:1px solid var(--red)}
.faculty-directory{padding:clamp(40px,5vw,68px) 0 clamp(64px,8vw,100px)}
.faculty-toolbar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:40px}
.faculty-toolbar h2{font-size:clamp(30px,3.4vw,44px)}
.faculty-count{font-size:16px;color:var(--muted);margin:9px 0 0}
.faculty-search{width:min(100%,360px);flex-shrink:0}
.faculty-search label{display:block;font-size:15px;margin-bottom:8px}
.faculty-search-field{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--ink);background:#fff;padding:0 12px}
.faculty-search-field>svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}
.faculty-search input{min-width:0;flex:1;width:100%;border:0;background:none;border-radius:0;color:var(--ink);font:17px var(--sans);padding:14px 0}
.faculty-search input:focus-visible{outline:0}
.faculty-search-field:focus-within{outline:2px solid var(--red);outline-offset:3px}
.faculty-clear{border:0;background:none;color:var(--red);font:700 15px var(--sans);cursor:pointer;min-height:44px;padding:0 4px}
.faculty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.faculty-card{min-width:0}
.faculty-card[hidden],.faculty-clear[hidden],.faculty-empty[hidden]{display:none}
.faculty-portrait{display:block;width:100%;padding:0;border:0;background:#ebe7df;position:relative;cursor:zoom-in;text-align:left;overflow:hidden}
.faculty-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .45s var(--ease)}
.faculty-portrait:hover img{transform:scale(1.025)}
.faculty-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;background:var(--cloth);color:var(--ink);opacity:0;transition:opacity .2s}
.faculty-zoom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.faculty-portrait:hover .faculty-zoom,.faculty-portrait:focus-visible .faculty-zoom{opacity:1}
.faculty-caption{padding:18px 0 0}
.faculty-caption h3{font-size:clamp(25px,2.4vw,34px);line-height:1.12}
.faculty-caption p{font-size:17px;color:var(--red);margin:7px 0 0}
.faculty-empty{padding:48px 0 24px;color:var(--muted);max-width:30em}
.faculty-next{background:var(--tea);color:var(--cloth);padding:clamp(36px,5vw,64px) 0}
.faculty-next .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.faculty-next h2{font-size:clamp(30px,4vw,52px);max-width:15em}
.faculty-next .link{border-color:var(--muga)}
.faculty-next .link:hover{color:#f0dcae}








@media(max-width:860px){.faculty-heading-grid{grid-template-columns:1fr;gap:24px}.faculty-heading h1 br{display:none}.faculty-cover{max-width:440px;margin:0 8px}.faculty-cover img:nth-child(2){margin-top:26px}.faculty-cover img:nth-child(3){margin-top:10px}.faculty-heading{padding-top:120px}.faculty-grid{gap:36px 24px}.faculty-toolbar{align-items:start;flex-direction:column}.faculty-search{width:100%;max-width:none}.faculty-toolbar{margin-bottom:30px}}
@media(max-width:620px){.faculty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.faculty-caption{padding-top:13px}.faculty-caption h3{font-size:25px}.faculty-caption p{font-size:16px;line-height:1.35}.faculty-heading h1{font-size:64px;max-width:8ch}.faculty-heading p{font-size:18px}.faculty-cover{max-width:360px}.faculty-cover img{border-width:3px}.faculty-cover-line{left:-8px;right:-8px}.faculty-zoom{width:28px;height:28px;bottom:7px;right:7px;opacity:1}.faculty-zoom svg{width:16px;height:16px}.hero-faculty{gap:12px;padding-right:14px}.hero-faculty strong{font-size:18px}.hero-faculty>svg{width:20px;margin-left:0}.hero-faculty-portraits img{width:34px;height:44px}}
@media(max-width:359px){.faculty-grid{grid-template-columns:1fr}.faculty-heading h1{font-size:58px}.hero-faculty-portraits img{width:29px;height:38px}.hero-faculty{gap:9px}.hero-faculty small{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.hero-faculty{animation:fade .8s 1.15s both}}
@media(prefers-reduced-motion:reduce){.hero-faculty,.faculty-portrait img,.faculty-zoom{animation:none;transition:none}}

.faculty-portrait{cursor:default!important}.faculty-portrait img{transform:none!important}

.faculty-portrait{cursor:default!important}.faculty-portrait img{transform:none!important}

@media(max-width:620px){.faculty-heading h1{max-width:none}.faculty-heading h1 br{display:block}}