/* Shared geometry keeps the logo stationary when moving between pages. */
:root{--header-top:clamp(16px,1.9vw,28px);--header-left:clamp(1.4rem,3.4vw,3.8rem);--header-right:clamp(24px,5.2vw,88px);--header-logo-size:clamp(2.45rem,2.75vw,3.35rem);--header-sub-size:clamp(.76rem,.82vw,.94rem);--header-sub-gap:.62rem;--header-sub-bottom:.25rem;--header-nav-gap:clamp(24px,3vw,40px)}
body .page>header.lab-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:calc(100vw - var(--header-left) - var(--header-right));min-height:48px;margin:0 0 0 calc(var(--header-left) - var(--header-right));padding:0}
body.publications-only .site-header.lab-header{display:block;min-height:0;margin:0;padding:0;border:0;background:none}
.publications-only .site-header.lab-header .header-main{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:100%;min-height:calc(48px + var(--header-top)*2);padding:var(--header-top) var(--header-right) var(--header-top) var(--header-left)}
body .lab-header .wordmark{display:inline-flex;flex-direction:row;align-items:flex-end;flex:none;gap:0;width:max-content;min-width:0;max-width:100%;height:calc(var(--header-logo-size)*.86);margin:calc((48px - var(--header-logo-size)*.86)/2) 0 0;padding:0;white-space:nowrap;text-decoration:none;color:rgba(247,248,244,.97);line-height:1}
body .lab-header .wordmark .wordmark-main{font-family:"Noto Serif Display","Bodoni 72",Didot,"Times New Roman",Georgia,serif;font-size:var(--header-logo-size);font-weight:400;line-height:.86;letter-spacing:.135em;color:inherit;text-shadow:none}
body .lab-header .wordmark .wordmark-sub{margin:0 0 var(--header-sub-bottom) var(--header-sub-gap);padding:0 0 .25em;font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;font-size:var(--header-sub-size);font-weight:650;line-height:1;letter-spacing:.23em;color:inherit;text-shadow:none}
body .lab-header .join-nav,.publications-only .site-header.lab-header .header-main .header-nav{display:flex;align-items:center;justify-content:flex-end;flex:none;gap:var(--header-nav-gap)!important;width:auto;max-width:100%;min-height:48px;margin:0 0 0 auto;padding:0}
@media(max-width:760px){:root{--header-left:1rem;--header-logo-size:2rem;--header-sub-size:.60rem;--header-sub-gap:.40rem;--header-sub-bottom:.18rem}}
@media(max-width:600px){:root{--header-top:16px;--header-right:25px;--header-nav-gap:24px}}
@media(max-width:430px){:root{--header-logo-size:1.72rem;--header-sub-size:.52rem}}