@font-face{font-family:Instrument Serif;src:url('./assets/instrument-serif.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Instrument Serif;src:url('./assets/instrument-serif-italic.ttf') format('truetype');font-display:swap;font-style:italic;font-weight:400}
@font-face{font-family:DM Sans;src:url('./assets/dm-sans.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;--bg:#0b1316;--cream:#eeece4;--muted:#9ca9a7;--teal:#9ccfc1;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--cream)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 45%,#203a3738,transparent 48%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:5px}::selection{background:#9ccfc14d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-shell{min-height:100svh;max-width:1510px;padding:0 7%;margin:auto;display:flex;flex-direction:column}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:12px;letter-spacing:1.1px;line-height:1.7;max-width:72%}.brand>span{color:var(--teal);font-size:inherit;white-space:nowrap}.university{font-size:10px;letter-spacing:1.7px;color:var(--muted)}main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:3%;padding:25px 0 50px}.intro{position:relative;z-index:2;padding-bottom:20px}h1{font-family:Instrument Serif,Georgia,serif;font-size:clamp(62px,6.2vw,94px);font-weight:400;line-height:1.05;letter-spacing:-1.5px;margin:0 0 24px;white-space:nowrap}h1 em{color:var(--teal);font-weight:400}.intro>p{font-size:20px;color:var(--muted);line-height:1.8;margin:0}.coming-soon{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:2.6px;color:#c7d6ce;margin-top:43px}.coming-soon i{height:4px;width:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px #9ccfc160}
.researcher-stage{position:relative;min-width:0;width:100%;max-width:500px;justify-self:end}.slides{position:relative;height:500px}.researcher{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1.6s ease}.researcher.is-active{opacity:1;pointer-events:auto;z-index:1}.researcher>img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(1) brightness(.76);mask-image:radial-gradient(ellipse 65% 66% at 50% 37%,#000 33%,transparent 83%);transform:scale(1);transition:transform 10s linear}.researcher.is-active>img{transform:scale(1.035)}.researcher-copy{position:absolute;bottom:8px;left:0;right:0;text-align:center;z-index:2}h2{font-family:Instrument Serif,Georgia,serif;font-weight:400;font-size:40px;line-height:1.1;margin:0 0 10px}h2 a:hover{color:var(--teal)}.researcher-copy p{font-size:16px;color:var(--muted);margin:0;line-height:1.8}.researcher-copy p>span{margin:0 5px;color:#638579}.controls{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:18px;height:30px}.dot{width:23px;height:28px;padding:0;display:grid;place-items:center}.dot:after{content:'';width:4px;height:4px;border-radius:50%;background:#68827a7a;transition:background .3s,transform .3s}.dot.is-active:after{background:var(--teal);transform:scale(1.3)}.dot:hover:after{background:var(--cream)}.playback{display:grid;place-items:center;height:28px;width:28px;margin-left:8px}.playback svg{grid-area:1/1;width:9px;height:9px;stroke:#93b6a8;stroke-width:1.2}.play-icon{display:none;fill:var(--teal);stroke-width:0}.is-paused .pause-icon{display:none}.is-paused .play-icon{display:block}footer{height:65px;display:flex;align-items:center;font-size:12px;letter-spacing:.5px;color:#7f968b}footer a:hover{color:var(--teal)}footer a>span:not(.sr-only){margin:0 8px;color:#50695f}
@media(min-width:1600px){.site-shell{padding:0 105px}main{gap:45px}.slides{height:550px}}
@media(max-width:1000px){.site-shell{padding:0 6%}h1{font-size:clamp(50px,6.3vw,70px)}.slides{height:440px}.intro>p{font-size:18px}.researcher-copy p{font-size:15px}}
@media(max-width:700px){.site-shell{padding:0 7%}header{height:80px}.brand{font-size:11px;letter-spacing:.4px;max-width:100%}.university{display:none}main{grid-template-columns:1fr;gap:25px;padding:35px 0 20px;align-content:center}.intro{text-align:center;padding:0}h1{font-size:clamp(48px,10.2vw,70px);letter-spacing:-.7px;margin-bottom:18px}.intro>p{font-size:18px}.coming-soon{justify-content:center;margin-top:27px;font-size:12px;letter-spacing:2.3px}.researcher-stage{justify-self:center;max-width:390px}.slides{height:355px}.researcher-copy{bottom:2px}h2{font-size:36px}.researcher-copy p{font-size:15px}.controls{margin-top:10px}footer{height:60px;justify-content:center;font-size:11px;letter-spacing:.3px}}
@media(max-width:360px){.university{display:none}.slides{height:320px}.researcher-copy p{font-size:14px}h1{font-size:43px}.intro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.researcher.is-active>img{transform:none}}