/* Professor: wide compact approvals beside the portrait, original biography in a native sheet. */
.professor-block{grid-template-columns:253px minmax(0,1fr);column-gap:54px;row-gap:22px;padding:72px 36px 64px;align-items:start}
.professor-block .portrait-space{grid-column:1;grid-row:1/span 2;align-self:start;margin:6px 0 0;width:100%;max-width:253px}
.professor-copy{grid-column:2;grid-row:1}.professor-copy h2{margin-bottom:18px}.professor-copy .bio-lead{margin:0;line-height:1.85}
.bio-read-more{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:3px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:750 11px/1.6 Mulish,Arial;text-align:left}
.photo-biography{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:none;aspect-ratio:9/16;overflow:visible;isolation:isolate;cursor:pointer}
.photo-biography .institutional-photo{width:100%;height:auto;display:block;transition:transform 170ms ease,box-shadow 170ms ease}
.photo-biography-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:17px;color:var(--muted);font:700 10px/1.5 Mulish,Arial}.photo-biography-hint span{font-size:13px;color:var(--accent)}
.professor-block .approvals{grid-column:2;grid-row:2;margin:0;width:100%}
.professor-block .approvals-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
.professor-block .approval-item{grid-column:span 2}.professor-block .approval-item:nth-child(4){grid-column:2/span 2}.professor-block .approval-item:nth-child(5){grid-column:4/span 2}
.professor-block .approvals .approval-link{min-height:86px;padding:9px 10px;display:flex;align-items:center;justify-content:center;height:100%}
.professor-block .approval-info{gap:2px;width:100%;height:auto;text-align:center;align-items:center;justify-content:center}.professor-block .approval-year{margin:0}.professor-block .approval-role{min-height:0}
.professor-block .approval-rank{font-size:16px;line-height:1.2}.professor-block .approval-institution{font-size:9px;line-height:1.35}.professor-block .approval-role,.professor-block .approval-year{font-size:9px;line-height:1.35}
.professor-block .approval-rank,.professor-block .approval-institution,.professor-block .approval-role,.professor-block .approval-year{margin:0;min-height:0}
.professor-block .approval-watermark{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:72%;height:80%;max-width:none;max-height:none;object-fit:contain;opacity:.12}

.professor-block .approvals{padding-block:18px 25px}
#experience .showcase .dots,#experience .showcase[data-layout=compact] .dots{gap:0}
#experience .showcase .dots button,#experience .showcase[data-layout=compact] .dots button{width:30px;height:44px;padding:0;background:transparent;border:0;border-radius:6px;isolation:isolate}
#experience .showcase .dots button:after{content:'';position:absolute;width:22px;height:24px;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:5px;background:var(--line);z-index:-1;transition:background-color 150ms ease,box-shadow 150ms ease}
#experience .showcase .dots button[aria-current=true]:after{background:var(--accent);box-shadow:inset 0 1px #fff3,0 1px 3px var(--shade)}

/* The official sliding pair, integrated into this section rather than a screen overlay. */
.professor-block{isolation:isolate;overflow:visible}
.professor-block .portrait-space{position:relative;isolation:isolate;z-index:2;aspect-ratio:9/16;height:auto}
.professor-block .photo-biography{position:absolute;inset:0;z-index:3;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:5px;overflow:hidden;background:none;transition:none;will-change:transform,opacity;box-shadow:0 2px 5px #14252e20,0 7px 16px #14252e14}
.professor-block .photo-biography .institutional-photo{display:block;width:100%;height:100%;object-fit:cover;opacity:1;border:0;border-radius:5px;box-shadow:none;transform:none;transition:none}
:root[data-theme=graphite] .professor-block .photo-biography{box-shadow:0 2px 5px #0004,0 7px 16px #0003}
.professor-block .professor-copy,.professor-block .approvals{will-change:opacity}
#professor-bio{position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;pointer-events:none;border:1px solid var(--line);border-radius:5px;background:linear-gradient(140deg,var(--raised),var(--surface));color:var(--ink);box-shadow:0 3px 10px var(--shade);will-change:transform,clip-path;visibility:visible;opacity:1;transition:none}
.professor-block[data-state=open] #professor-bio{pointer-events:auto}
#professor-bio .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;height:80px;min-height:80px;padding:16px 22px;border-bottom:1px solid var(--line);opacity:0}
#professor-bio .panel-head>div{min-width:0}#professor-bio .panel-head .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:6px}#professor-bio .panel-head h2{font:400 26px/1.2 Cinzel,Georgia,serif;margin:0;color:var(--ink)}
#professor-bio .close-panel{display:grid;place-items:center;flex:none;min-width:44px;width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--ink)}
#professor-bio .close-panel span{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(var(--raised),var(--button-end));box-shadow:inset 0 1px #fff2;font:22px/1 Mulish,Arial}
#professor-bio .bio-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;padding:20px 24px 26px;outline-offset:-5px;opacity:0}
#professor-bio .bio-scroll p{font:400 15px/1.95 Mulish,Arial;color:var(--ink);margin:0;text-align:justify;text-align-last:left;hyphens:auto;word-break:normal;overflow-wrap:break-word}#professor-bio .bio-scroll p+p{margin-top:22px}#professor-bio .hyphen-part:after{content:'\00ad'}
@media(hover:hover) and (pointer:fine){.professor-block .photo-biography:hover .institutional-photo{transform:none;box-shadow:none}.professor-block .photo-biography:hover{box-shadow:0 3px 7px #14252e24,0 8px 18px #14252e18}:root[data-theme=graphite] .professor-block .photo-biography:hover{box-shadow:0 3px 7px #0005,0 8px 18px #0003}#professor-bio .close-panel:hover span{filter:brightness(1.08)}}
@media(max-width:1050px){.professor-block{grid-template-columns:209px minmax(0,1fr);column-gap:32px;padding-inline:16px}.professor-block .portrait-space{max-width:209px}.professor-block .approvals .approval-link{min-height:92px}}
@media(max-width:800px){.professor-block .approvals-track{grid-template-columns:repeat(4,minmax(0,1fr))}.professor-block .approval-item:nth-child(4){grid-column:span 2}.professor-block .approval-item:nth-child(5){grid-column:2/span 2}.professor-block .approvals .approval-link{min-height:85px}}
@media(max-width:700px){.professor-block{grid-template-columns:minmax(0,1fr);row-gap:26px;padding:52px 0 45px}.professor-block .portrait-space{grid-column:1;grid-row:1;max-width:none;width:100%;height:auto;aspect-ratio:auto;margin:0;padding:0;--sheet-photo-width:min(260px,calc(100% - 46px));height:calc(min(260px,100vw - 86px)*16/9)}.professor-block .photo-biography{left:12px;right:auto;width:var(--sheet-photo-width);height:100%;inset-block:0}.professor-copy{grid-column:1;grid-row:2}.professor-block .approvals{grid-column:1;grid-row:3;margin:0}.professor-block .approval-watermark{max-width:none;width:72%;height:80%}#professor-bio .panel-head{height:76px;min-height:76px;padding:14px 16px;gap:8px}#professor-bio .panel-head h2{font-size:22px}#professor-bio .bio-scroll{padding:18px 18px 24px}#professor-bio .bio-scroll p{font-size:14px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.professor-block *{transition:none!important}}

@media(max-width:650px){.professor-copy h2{font-size:24px}.professor-copy .bio-lead{font-size:12px;line-height:1.8}}