:root{color-scheme:dark;--night:#050a16;--paper:#f0eee7;--muted:#b2bbce;--ice:#b5dbe0;--gold:#cfae70}
*{box-sizing:border-box}
html{background:var(--night);font-size:16px}
body{margin:0;background:var(--night);color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-width:280px}
.cell-field,.reading-shade{position:fixed;inset:0;pointer-events:none}
.cell-field{background:var(--night)}
.still{position:absolute;width:64%;height:80%;right:-8%;top:10%;object-fit:contain;opacity:0;mix-blend-mode:screen}
#cells{display:block;width:100%;height:100%;opacity:0}
body[data-scene="ready"] #cells{opacity:1;transition:opacity 1.1s ease-in-out}
body[data-scene="ready"] .still{opacity:0}
body[data-scene="fallback"] .still{opacity:.65;filter:none}
.reading-shade{background:linear-gradient(90deg,rgba(5,10,22,.68) 0%,rgba(5,10,22,.47) 30%,rgba(5,10,22,.07) 60%,transparent 78%)}
.page{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(16px,1.9vw,28px) clamp(24px,5.2vw,88px) 30px}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-left:calc(clamp(1.4rem,3.4vw,3.8rem) - clamp(24px,5.2vw,88px))}
a{color:inherit;text-decoration:none}
.wordmark{display:inline-flex;align-items:flex-end;width:max-content;white-space:nowrap;color:rgba(247,248,244,.97)}
.wordmark-main{font-family:"Noto Serif Display","Bodoni 72",Didot,"Times New Roman",Georgia,serif;font-size:clamp(2.45rem,2.75vw,3.35rem);font-weight:400;line-height:.86;letter-spacing:.135em}
.wordmark-sub{margin:0 0 .25rem .62rem;padding-bottom:.25em;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-size:clamp(.76rem,.82vw,.94rem);font-weight:650;line-height:1;letter-spacing:.23em}
main{align-self:center;padding:72px 0 80px;max-width:760px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(44px,5.65vw,88px);line-height:1.1;letter-spacing:-.045em;margin:0;text-wrap:balance}
h1 em{font-weight:400;color:#c5bce9}
.intro{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:var(--muted);margin:28px 0 32px}
.work-invitation{margin:30px 0 12px}
.work-invitation p{margin:0 0 3px;font-size:.9375rem;color:#c0c9d9;line-height:1.6}
.publications{display:inline-flex;align-items:center;gap:28px;font-size:1.0625rem;color:#c5e8ee;padding:10px 0;min-height:44px;border-bottom:1px solid #76c3d080;transition:color .2s,border-color .2s,box-shadow .2s}
.publications span{color:#c9b4e8;transition:transform .2s}
.publications:hover,.publications:focus-visible{color:#e1fcff;border-color:#a6edf3;box-shadow:0 5px 10px -8px #83dce9}
.publications:hover span,.publications:focus-visible span{transform:translate(2px,-2px)}
.contact{display:inline-flex;align-items:center;gap:14px;font-size:.875rem;color:#abb8cb;padding:10px 0;border-bottom:1px solid transparent;min-height:44px;transition:border-color .2s,color .2s}
.contact span{color:var(--ice);font-size:1.1em}
.contact:hover{color:var(--ice);border-color:var(--ice)}
footer{display:flex;justify-content:space-between;align-items:end;gap:20px}
.affiliation{display:grid;justify-items:start;border-left:1px solid #cfae7066;padding-left:20px}
.affiliation a{display:flex;align-items:center;min-height:44px;line-height:1.45;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:5px;transition:text-decoration-color .2s,color .2s}
.affiliation .department{font-size:.9375rem;letter-spacing:.035em;color:#c6cedb}
.affiliation .vanderbilt{font-family:Georgia,'Times New Roman',serif;font-size:1.375rem;letter-spacing:.015em;color:var(--gold)}
.affiliation a:hover,.affiliation a:focus-visible{text-decoration-color:currentColor}
.affiliation .department:hover{color:var(--paper)}
/* A compact university/department lockup, scoped to the Incubating home. */
.affiliation.affiliation-home{border:0;padding:0;max-width:100%}
.affiliation-home::before{content:"";display:block;width:42px;height:1px;background:var(--gold);opacity:.62;margin-bottom:12px}
.affiliation.affiliation-home .vanderbilt{font-size:clamp(1.5rem,1.85vw,1.75rem);line-height:1.25;letter-spacing:-.015em}
.affiliation-home .department{font-size:.9375rem;line-height:1.4;letter-spacing:.015em;color:#c6cedb}
.affiliation-home .vanderbilt:hover,.affiliation-home .vanderbilt:focus-visible{color:#e6ca97}
button{font:inherit;font-size:.8125rem;color:#c3cede;border:1px solid #8395b038;border-radius:999px;background:#080f1c99;padding:11px 17px;min-height:44px;cursor:pointer;backdrop-filter:blur(10px);white-space:nowrap}
button:hover{border-color:#aabacf88;background:#142133aa}
button:disabled{opacity:.45;cursor:default}
a:focus-visible,button:focus-visible{outline:2px solid var(--ice);outline-offset:7px}
@media(max-width:800px){h1{font-size:clamp(42px,7.3vw,62px)}main{max-width:72%}}
@media(max-width:760px){header{margin-left:calc(1rem - clamp(24px,5.2vw,88px))}.wordmark-main{font-size:2rem}.wordmark-sub{font-size:.60rem;margin-left:.40rem;margin-bottom:.18rem}}
@media(max-width:600px){
 .page{padding:16px 25px 22px;min-height:100svh;grid-template-rows:auto 1fr auto}
 header{gap:14px;margin-left:-9px}
 main{align-self:start;padding:clamp(40px,7svh,70px) 0 190px;max-width:100%}
 h1{font-size:clamp(39px,10.8vw,61px);line-height:1.08;letter-spacing:-.04em}
 .intro{font-size:1rem;margin:22px 0 21px}
 .reading-shade{background:linear-gradient(180deg,rgba(5,10,22,.28),rgba(5,10,22,.48) 26%,rgba(5,10,22,.06) 56%,transparent 73%)}
 .still{width:115%;height:50%;top:44%;right:-25%}
 .affiliation{padding-left:16px}.affiliation .department{font-size:.875rem;letter-spacing:.015em}.affiliation .vanderbilt{font-size:1.25rem}button{padding:11px 13px}
}
@media(max-width:430px){.wordmark-main{font-size:1.72rem}.wordmark-sub{font-size:.52rem}}
@media(max-height:600px) and (min-width:601px){main{padding:48px 0}h1{font-size:48px}.intro{margin:18px 0}}
@media(prefers-reduced-motion:reduce){body[data-scene="ready"] #cells,.still,.contact,.publications,.publications span,.affiliation a{transition:none}.publications:hover span,.publications:focus-visible span{transform:none}}
