@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:light dark;--ink:#0e0f10;--muted:#5c6066;--line:#dcdde0;--paper:#fff;--footer:#70747a;--panel:rgba(255,255,255,.94)}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--ink);outline-offset:7px}a:hover{color:var(--muted)}.site-header{height:136px;position:relative;flex-shrink:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0 4.2vw}.brand{display:block;line-height:0}.brand svg{display:block;width:66px;height:72px;object-fit:contain}nav{position:absolute;right:4.2vw;top:51px;display:flex;gap:36px;font-size:16px;letter-spacing:.035em}nav a{padding:5px 0;border-bottom:1px solid transparent}nav a[aria-current="page"]{border-color:var(--line)}.lab-main{position:relative;isolation:isolate;overflow:hidden;flex:1}.hero{text-align:center;position:relative;z-index:1;padding:58px 24px 0}h1{font-family:'Libre Caslon Display',Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(52px,6.2vw,96px);line-height:1.1;letter-spacing:-.025em;margin:0}.focus{font-size:clamp(18px,2vw,29px);font-weight:400;letter-spacing:.105em;line-height:1.6;margin:17px 0 0}.rule{height:1px;width:94px;background:var(--line);margin:30px auto 26px}.status{display:flex;justify-content:center;align-items:center;gap:20px;font-size:18px;letter-spacing:.1em;line-height:1.5;color:var(--muted);margin:0}.separator{letter-spacing:0}.research-art{position:absolute;z-index:0;pointer-events:none;width:100%;height:auto;min-height:620px;object-fit:cover;object-position:center bottom;left:0;display:block}footer{position:relative;z-index:1;flex-shrink:0;padding:20px 24px;color:var(--footer);text-align:center;font-size:12px;letter-spacing:.03em}.team-main{width:min(960px,calc(100% - 96px));margin:0 auto;flex:1;padding:60px 0 100px}.team-main h1{text-align:center;margin-bottom:82px}.team-list{border-top:1px solid var(--line)}.person{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:37px 0}.person h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:42px;font-weight:400;line-height:1.2;letter-spacing:-.01em;margin:0}.person p{font-size:14px;letter-spacing:.06em;color:var(--muted);margin:0}.skip{position:absolute;top:-100px;left:16px;padding:12px 18px;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:12px}@media(min-width:1600px){.hero{padding-top:70px}.research-art{max-height:1000px;object-fit:fill}}@media(max-width:760px){.site-header{height:110px;padding:0 25px}.brand svg{width:50px;height:55px}nav{right:25px;top:38px;gap:21px;font-size:14px}.hero{padding:55px 22px 0}h1{font-size:clamp(48px,8.4vw,64px);line-height:1.08}.focus{font-size:17px;letter-spacing:.06em;margin-top:23px}.rule{margin:28px auto 24px;width:70px}.status{font-size:14px;letter-spacing:.06em;gap:13px}.research-art{width:150%;max-width:none;left:-25%;height:650px;min-height:0;object-fit:cover}.team-main{width:calc(100% - 48px);padding:50px 0 80px}.team-main h1{margin-bottom:65px}.person{padding:28px 0;align-items:flex-start;flex-direction:column;gap:11px}.person h2{font-size:36px}.person p{font-size:14px}footer{padding:20px 16px}}@media(max-width:400px){.site-header{justify-content:flex-start}.hero{padding-top:45px}.focus{font-size:16px;letter-spacing:.04em}.status{font-size:13px;gap:10px}.team-main{padding-top:45px}}

/* The homepage fills the window without scrolling. The artwork sits at the
   bottom, but on short windows its convergence point (306 of the art's 1024
   viewBox units above its bottom edge) stays clear of the hero text and the
   art's lower edge is cropped instead. */
.research-art{--knot:max(100vw * 306 / 1536, 620px * 306 / 1024);bottom:min(-2%, calc(100% - 390px - var(--knot)))}
@media(max-width:760px){.research-art{--knot:max(150vw * 306 / 1536, 650px * 306 / 1024);bottom:min(-5%, calc(100% - 330px - var(--knot)))}}

/* Follow the system theme, including changes while the page is open. */
@media(prefers-color-scheme:dark){
  :root{--ink:#f0f1f2;--muted:#a5a9af;--line:#363a40;--paper:#111315;--footer:#969ba3;--panel:rgba(17,19,21,.94)}
  /* Lift the artwork's dark strokes while retaining its blue, teal, and copper hues.
     This also covers the static image when JavaScript is unavailable. */
  .research-art{filter:invert(1) hue-rotate(180deg)}
}