/* Personal introductions only. The SQL instrument owns its separate stylesheet. */
.personal-about,.room-research {padding-top:48px}
.personal-eyebrow {margin:0 0 24px;font:12px/1.6 var(--chinese);color:var(--muted)}
.personal-intro {margin:0;font:400 20px/1.8 var(--chinese);color:var(--ink)}
.personal-about-opening {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:clamp(40px,8vw,120px);align-items:center}
.personal-about-copy {padding-block:32px;min-width:0}
.personal-about-copy h1 {margin:0 0 28px;font:500 clamp(80px,11vw,144px)/1 var(--sans);letter-spacing:-.075em}
.personal-about-copy h1>span {color:var(--yellow)}
.personal-directions {max-width:31em;margin:20px 0 0;font:16px/1.85 var(--chinese);color:var(--text);text-wrap:pretty}
.personal-links {display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:28px}
.personal-links a,.personal-research-link {display:inline-flex;align-items:center;gap:16px;min-height:44px;font:14px/1.6 var(--chinese);color:var(--ink)}
.personal-links svg,.personal-research-link svg,.personal-about-notes svg {width:16px;height:16px;flex:none}
.personal-about-art {margin:0;min-width:0}
.personal-about-art img {display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:3px}
.personal-about-notes {display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1fr);gap:40px;margin-top:88px}
.personal-about-notes h2 {margin:0;padding-block:12px;font:500 22px/1.6 var(--chinese);letter-spacing:-.03em}
.personal-about-notes a {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding-block:12px;font:16px/1.8 var(--chinese);color:var(--ink)}
.personal-about-notes a span {overflow-wrap:anywhere}
.personal-about a:hover,.personal-research-link:hover {text-decoration:underline;text-underline-offset:5px}
.personal-about a:focus-visible,.personal-research-link:focus-visible {outline:2px solid var(--ink);outline-offset:5px;border-radius:2px}
.personal-research-opening {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:48px;align-items:center}
.personal-research-copy h1 {margin:0 0 24px;font:500 clamp(36px,4.4vw,64px)/1.2 var(--chinese);letter-spacing:-.055em}
.personal-research-copy .personal-intro {font-family:var(--sans);font-size:clamp(18px,2vw,24px)}
.personal-research-link {margin-top:20px}
.personal-research-art {min-width:0;margin:0}
.personal-research-art img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:3px}
.personal-research-caption {max-width:48em;margin:64px 0 0;font:16px/1.8 var(--chinese);color:var(--text);text-wrap:pretty}
/* Let the introduction keep a readable measure on tablets. The portrait grows
   from 280px to its desktop 400px; the gap meets the desktop 88px at 1100px. */
@media(min-width:761px) and (max-width:1100px) {
 .personal-about-opening {grid-template-columns:minmax(0,1fr) minmax(0,clamp(280px,40vw - 40px,400px));gap:clamp(32px,16vw - 88px,88px)}
}
@media(max-width:760px) {
 .personal-about,.room-research {padding-top:28px}
 .personal-about-opening {grid-template-columns:minmax(0,1fr);gap:32px}
 .personal-about-copy {padding:0}
 .personal-eyebrow {margin-bottom:18px}
 .personal-about-copy h1 {margin-bottom:22px;font-size:88px}
 .personal-intro {font-size:19px}
 .personal-directions {font-size:16px}
 .personal-links {margin-top:20px}
 .personal-about-art {width:min(70%,340px);justify-self:end}
 .personal-about-notes {grid-template-columns:minmax(0,1fr);gap:12px;margin-top:48px}
 .personal-about-notes h2 {font-size:20px;padding:0}
 .personal-about-notes a {font-size:16px}
 .personal-research-opening {gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
 .personal-research-copy h1 {margin-bottom:20px}
 .personal-research-caption {margin-top:48px}
}
@media(max-width:650px) {
 .personal-research-opening {grid-template-columns:minmax(0,1fr);gap:28px}
 .personal-research-art {width:100%}
 .personal-research-link {margin-top:12px}
}
@media print {
 .personal-about-art,.personal-research-art {display:none}
 .personal-about-opening,.personal-research-opening {display:block}
 .personal-about-notes {break-inside:avoid}
}