/* Local font preview. No Adobe font binaries are included or hosted.
   For publication, add your licensed Adobe Fonts web-project stylesheet to
   each HTML head. Its minion-pro and myriad-pro families take priority below.
   Adobe web setup: https://helpx.adobe.com/fonts/web/web-design-and-development/add-fonts-website.html */
@font-face {
  font-family: 'Minion Pro Local';
  src: local('MinionPro-Regular');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Minion Pro Local';
  src: local('MinionPro-Bold');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Minion Pro Local';
  src: local('MinionPro-It');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Minion Pro Local';
  src: local('MinionPro-BoldIt');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Local';
  src: local('MyriadPro-Regular');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Local';
  src: local('MyriadPro-Semibold');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Local';
  src: local('MyriadPro-Bold');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Local';
  src: local('MyriadPro-It');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Pro Local';
  src: local('MyriadPro-BoldIt');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* EB Garamond, SIL Open Font License. See assets/fonts/eb-garamond/OFL.txt. */
@font-face {
  font-family:'EB Garamond'; font-style:normal; font-weight:400; font-display:swap;
  src:url(assets/fonts/eb-garamond/eb-garamond-latin-ext-400-normal.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family:'EB Garamond'; font-style:normal; font-weight:400; font-display:swap;
  src:url(assets/fonts/eb-garamond/eb-garamond-latin-400-normal.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  color-scheme:light;
  --paper:#fcfbf9; --ink:#302d2e; --muted:#6e6667; --maroon:#701f32; --maroon-dark:#481220;
  --line:#ded8d6; --rose:#f4eded;
  --serif:'minion-pro','Minion Pro Local','EB Garamond','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --sans:'myriad-pro','Myriad Pro Local',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:2rem; }
body { margin:0; border-top:5px solid var(--maroon); background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:1rem; line-height:1.75; -webkit-font-smoothing:antialiased; }
a, a:visited { color:var(--maroon); text-decoration:none; }
a:hover { color:var(--maroon-dark); }
a:focus-visible, summary:focus-visible { outline:2px solid var(--maroon); outline-offset:5px; border-radius:1px; }
::selection { background:#ead7dc; color:var(--maroon-dark); }
h1,h2,h3,p,figure { margin-top:0; }
h1,h2,h3 { font-family:var(--serif); font-weight:400; letter-spacing:normal; }
h1 { color:var(--maroon); font-size:clamp(2.5rem,4.7vw,3.5rem); line-height:1.2; margin-bottom:17px; }
h2 { font-size:1.875rem; line-height:1.4; margin-bottom:0; }
h3 { font-size:1.625rem; line-height:1.3; margin-bottom:4px; }
p { margin-bottom:18px; }
.page { width:min(100% - 6rem,1040px); margin-inline:auto; }
.skip-link { position:absolute; top:-6rem; left:1rem; z-index:2; padding:.6rem 1rem; background:var(--paper); }
.skip-link:focus { top:1rem; }
.site-header { background:var(--rose); border-bottom:1px solid var(--line); }
.site-nav { display:flex; flex-wrap:wrap; column-gap:32px; padding-block:5px; font-size:.9375rem; }
.site-nav a { display:flex; align-items:center; min-height:44px; padding-block:7px; }
.intro { display:grid; grid-template-columns:minmax(0,1fr) 300px; column-gap:5rem; padding-block:56px 44px; align-items:start; }
.intro-copy > p:last-child { margin-bottom:0; }
.group-profile { padding-top:3px; }
.group-photo { display:block; width:100%; height:auto; border-radius:50%; }
.research { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; padding:30px 32px; margin-bottom:38px; background:var(--rose); border:1px solid #ddc8ce; border-left:3px solid var(--maroon); }
.research h2 { color:var(--maroon); }
.research p:last-child { margin-bottom:0; }
.questions { padding-left:1.65rem; margin:0; }
.questions li { padding-left:.6rem; margin-bottom:.5rem; }
.questions li:last-child { margin-bottom:0; }
.questions li::marker { color:var(--maroon); font-family:var(--serif); font-size:1.125rem; }
.section { border-top:1px solid var(--line); padding-block:36px 32px; }
.section-title { margin-bottom:28px; }
.member { display:grid; grid-template-columns:108px minmax(0,1fr); gap:22px; padding-block:26px; border-top:1px solid var(--line); align-items:start; }
.portrait { display:block; width:108px; height:108px; object-fit:cover; object-position:center; }
.portrait[src$="chris_2024.jpeg"] { object-position:50% 45%; }
.portrait[src$="qian.jpg"], .portrait[src$="as.jpeg"] { object-position:50% 65%; }
.portrait[src$="av_2024.jpg"] { object-position:50% 30%; }
.portrait[src$="sw.jpeg"] { object-position:50% 35%; }
.member-role { color:var(--muted); font-size:.875rem; line-height:1.5; margin-bottom:12px; }
.member-bio { font-size:.9375rem; line-height:1.7; margin-bottom:0; }
.member-lead { border:0; padding-top:0; padding-bottom:28px; max-width:820px; }
.researchers,.assistants,.alumni-members { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; }
.member-assistant .member-role { margin-bottom:0; }
.alumni-members .member { border:0; padding-top:0; }
.portrait-placeholder { background:var(--rose); color:var(--maroon); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:1.625rem; }
.thesis { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; padding-block:38px 44px; }
.thesis-content > p { margin-bottom:20px; }
details { border-top:1px solid var(--line); }
summary { color:var(--maroon); padding-block:14px; cursor:pointer; }
summary::marker { font-size:.8em; }
.guidelines { padding-top:4px; }
.guidelines ol { padding-left:1.4rem; margin-block:18px 22px; }
.guidelines li { padding-left:.45rem; margin-bottom:8px; }
.guidelines li::marker { font-family:var(--serif); color:var(--maroon); font-size:1.125rem; }
.guidelines p:last-child { margin-bottom:0; }
.contact-email { color:var(--maroon); overflow-wrap:anywhere; }
.site-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; border-top:1px solid var(--maroon); padding-block:22px 30px; font-size:.875rem; }
.site-footer p { margin:4px 0 0; color:var(--muted); }
.site-footer > a { white-space:nowrap; }
@media(max-width:1000px) {
  .page { width:calc(100% - 4rem); }
  .intro { grid-template-columns:minmax(0,1fr) 250px; gap:40px; }
  .researchers,.assistants,.alumni-members { column-gap:28px; }
  .member { grid-template-columns:88px minmax(0,1fr); gap:18px; }
  .portrait { width:88px; height:88px; }
}
@media(max-width:740px) {
  .intro { grid-template-columns:1fr; padding-block:36px; gap:28px; }
  .group-profile { width:min(100%,300px); justify-self:center; }
  .research,.thesis { grid-template-columns:1fr; gap:18px; }
  .research { padding:24px; margin-bottom:28px; }
  .researchers,.assistants,.alumni-members { grid-template-columns:1fr; }
  .member { grid-template-columns:96px minmax(0,1fr); gap:22px; }
  .portrait { width:96px; height:96px; }
  .desktop-break { display:none; }
  .thesis h2 { white-space:normal; }
  .thesis h2 br::after { content:' '; }
}
@media(max-width:480px) {
  .page { width:calc(100% - 2.5rem); }
  h1 { font-size:clamp(2.25rem,8.8vw,3rem); }
  h2 { font-size:1.625rem; }
  h3 { font-size:1.5rem; }
  .site-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
  .group-profile { width:min(100%,260px); }
  .member { grid-template-columns:76px minmax(0,1fr); gap:17px; }
  .portrait { width:76px; height:76px; }
  .section { padding-block:28px; }
  .section-title { margin-bottom:24px; }
  .research { padding:22px 20px; }
  .site-footer { flex-wrap:wrap; gap:14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media print {
  body { background:white; border:0; font-size:10pt; }
  .page { width:100%; }
  .skip-link,.site-header,.site-footer > a { display:none; }
  .intro { padding-block:12px 24px; }
  .member,.research,details { break-inside:avoid; }
}