.top{position:sticky;top:0;z-index:50;transition:transform 220ms ease,opacity 180ms ease;will-change:transform}.top.header-hidden{transform:translateY(-105%);opacity:0;pointer-events:none}.top:focus-within{opacity:1}.menu-toggle{display:none}.x-follow{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.x-follow .header-involved{white-space:nowrap}.x-follow button:disabled{cursor:not-allowed;background:#c4cdab;color:#273b2c;opacity:1}.x-follow #x-status{font-size:12px;line-height:1.4;color:#d5dfd6}.problem5>.shell>.research-areas{margin:32px 0 38px;background:#f5f1fa}.footer .shell{gap:28px}.footer .footer-identity{max-width:none}.nav{gap:24px}html{scroll-padding-top:140px}
@media(max-width:1000px){.navlinks{gap:20px}.brand img{width:270px}.x-follow .header-involved{font-size:12px;padding:12px 16px}}
@media(max-width:800px){.nav{min-height:97px;padding:14px 0;gap:11px;flex-wrap:wrap}.brand{order:0}.brand img{width:245px;height:auto}.menu-toggle{order:1;display:block;background:transparent;color:var(--cream);border:1px solid #68827b;border-radius:3px;min-height:44px;padding:9px 13px;font-size:14px;margin-left:auto}.x-follow{order:2;align-items:start;gap:4px}.x-follow .header-involved{font-size:12px;padding:10px 16px;min-height:44px}.x-follow #x-status{font-size:12px}.navlinks{order:3;flex-basis:100%;padding:13px 0 2px;gap:16px;justify-content:space-between}.header-ready:not(.menu-open) .navlinks{display:none}.header-ready.menu-open .navlinks{display:flex}.navlinks a{font-size:12px;min-height:44px}.problem5>.shell>.research-areas{margin:27px 0 32px;padding:25px}.research-areas ul{gap:18px}.research-areas li{font-size:15px}.footer .brand img{max-width:100%}html{scroll-padding-top:210px}}
@media(max-width:440px){.brand img{width:225px}.menu-toggle{padding:9px 12px}.x-follow{width:100%}.nav{gap:10px}.x-follow .header-involved{padding:9px 14px}.research-areas ul{grid-template-columns:1fr 1fr}.research-areas li{font-size:14px}}
@media(max-width:360px){.brand img{width:190px}.menu-toggle{padding:9px 10px}.navlinks{gap:10px}.navlinks a{font-size:11px}.problem5>.shell>.research-areas{padding:22px}.research-areas ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.top{transition:none;will-change:auto}html{scroll-behavior:auto}}
.x-follow{order:2}.x-follow .header-involved{order:0}.x-follow #x-status{order:1}