/* CMBL: white space, charcoal type, mineral accents. Layouts are retained. */
:root{
 --paper:#fff;--white:#fff;--ink:#182d38;--muted:#617079;
 --line:#dce3e7;--sage:#f4f7f8;--gold:#987a4f;
 --site-ink:var(--ink);--site-muted:var(--muted);--site-accent:#47697a;
 --site-line:var(--line);--site-soft:#f5f7f8;--site-paper:#fff;--site-on-dark:#fff;
}
body{background:#fff;color:var(--ink)}
.masthead{min-height:112px;height:auto;padding:24px 0;gap:30px;border-bottom-color:#dfe5e8}
.brand{font-size:34px;gap:22px}
.brand span{font-size:14px;line-height:1.5;padding-left:22px;color:#566a76}
.masthead nav{font-size:15px;gap:24px}
.masthead nav [aria-current]{border-bottom:2px solid #73909f}
.masthead nav a:hover{color:#47697a}
.text-link{border-color:#a8b8c2}
.hero-title>.eyebrow{font-size:13px;letter-spacing:1.5px;color:#566b79}
.hero-title h1{color:#182d38}
.hero-signature{width:300px;top:45px;right:7.5%;color:#566b79}
.hero-signature #titleCanvas{display:block;width:300px;height:110px;max-width:100%;margin:0}
.hero-signature .signature-detail{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:7px}
.hero-signature .signature-detail p{font-size:11px;line-height:1.6;margin:0;color:#617581}
.hero-signature #motion{font:inherit;font-size:10px;background:transparent;color:#617079;padding:8px 0;border:0;border-bottom:1px solid #a8b8c2;cursor:pointer;white-space:nowrap}
.hero-signature>.text-link{font-size:12px;margin-top:14px;width:100%}
.person-section{padding:88px 0 100px;border-top:1px solid #e1e7ea}
.person-grid{max-width:900px;grid-template-columns:240px minmax(0,1fr);gap:72px}
.person-grid>img{width:240px;height:304px;border:1px solid #e1e7ea}
.person-grid h2,.profile-header h1{color:#243c4a}
.person-grid .bio-detail{font-size:14px;line-height:1.85;max-width:490px}
.news-row{border-color:#dce3e7}
.news-row:hover{background:#f7f9fa;text-decoration:none}
.footer-main{border-top-color:#dce3e7}
.footer-meta{border-top-color:#e4e9ec}
.footer-wordmark{color:#2d4757}
.page-head h1{color:#243c4a}
/* Existing publication, news, gallery and research layouts; only surface treatment. */
.legacy-content .mt-page,.legacy-content .updates-page{font-family:Arial,Helvetica,sans-serif}
.legacy-content .research-panel-heading,
.legacy-content .updates-page :is(.news-header,.gallery-header){
 background:#182d38;color:#ffffff;border-bottom:1px solid #182d38;
}
.legacy-content .research-panel-heading h2{color:#ffffff;font-weight:600;letter-spacing:-.35px}
.legacy-content .research-topic-card{box-shadow:0 4px 16px rgb(24 45 56 / 3%);border-color:#dce3e7}
.legacy-content .updates-page :is(.news-card,.gallery-card){padding:0;margin:0;box-shadow:0 4px 16px rgb(24 45 56 / 3%);border-color:#dce3e7}
.legacy-content .updates-page :is(.news-header,.gallery-header){letter-spacing:-.2px}
.legacy-content .updates-page :is(.news-body,.gallery-body){background:#fff}
.legacy-content .updates-page :is(.news-meta,.gallery-meta){border-color:#e4e9ec}
.legacy-content .updates-page :is(.news-summary,.gallery-summary){color:#344b57}
.legacy-content .updates-page .gallery-photo-pair img{margin:0}
.legacy-content .updates-page .award-media-grid figcaption{font-family:inherit}
.legacy-content .pub-card{border-color:#dce3e7;box-shadow:0 3px 12px rgb(24 45 56 / 3%)}
.legacy-content .pub-card--published-current{border-color:#66889b}
.legacy-content .pub-card--submitted{background:#f5f7f8;border-color:#e0e7eb}
.legacy-content .pub-card :is(.badge,.badge--submitted){background:#eee1b3;color:#5d512c}
.legacy-content .pub-meta .journal{color:#284d63}
.legacy-content .pub-meta a{color:#476d83}
.legacy-content .endnote-orange{color:#8a7447}
.legacy-content .pub-card:hover{box-shadow:0 5px 18px rgb(24 45 56 / 8%)}
.legacy-content .publication-nav{border-bottom:1px solid #e0e6ea}
.legacy-content .year-tag{font-weight:600;letter-spacing:0}
.legacy-content .research-topic-copy{color:#344b57}
.legacy-content figcaption{color:#617079}
.legacy-content .exhibition-caption{font-size:12px;font-weight:400;color:var(--muted);margin:8px 0 0;letter-spacing:.03em}
.legacy-content .journal-exhibition.is-elliptical .journal-bar{display:none}
.legacy-content .journal-exhibition{margin-bottom:18px}
.funding-membrane{--site-ink:#182d38;border-color:#dce3e7}
.funding-membrane-header #support-title{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;letter-spacing:-.6px}
.funding-row-label{color:#405e70}
.legacy-content .funding-membrane p{font-size:10px;margin-bottom:0}
@media(max-width:1100px){.brand span{display:block;font-size:12px}.masthead nav{gap:16px;font-size:14px}.hero-signature{width:250px}.hero-signature #titleCanvas{width:250px;height:110px}}
@media(max-width:850px){.brand span{display:none}.hero-signature{width:220px}.hero-signature #titleCanvas{width:220px;height:100px}}
@media(max-width:650px){
 .masthead{min-height:96px;padding:22px 0;gap:20px}.brand{font-size:30px}.masthead nav{font-size:12px;gap:10px 17px;max-width:240px}
 .hero-title>.eyebrow{font-size:10px;letter-spacing:1px;max-width:290px}
 .opening{height:820px}.scene{top:290px;bottom:90px}
 .hero-signature{top:190px;bottom:auto;left:6%;right:6%;width:auto;display:grid;grid-template-columns:150px 1fr;column-gap:22px;row-gap:4px;align-items:center}
 .hero-signature #titleCanvas{width:150px;height:98px;grid-column:1;grid-row:1/3}
 .hero-signature .signature-detail{display:block;margin:0;grid-column:2}
 .hero-signature .signature-detail p{font-size:10px}
 .hero-signature #motion{font-size:9px;padding:5px 0}
 .hero-signature>.text-link{grid-column:2;margin:0;font-size:10px;gap:12px;padding-bottom:6px}
 .person-grid{grid-template-columns:110px minmax(0,1fr);gap:24px}
 .person-grid>img{width:110px;height:140px}
 .person-grid .bio-detail{font-size:12px;line-height:1.75}
 .person-section{padding:55px 0}
 .funding-membrane-header #support-title{font-size:23px}
}
/* Remove duplicate labels; the navigation carries the complete lab name. */
.hero-title{top:62px}.hero-title h1{margin-top:0}
.hero-signature{top:60px}
.hero-signature .animation-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 4px 0 auto;padding:4px;border:1px solid #bdc8cb;border-radius:50%;background:transparent;color:#536b77;opacity:.65;cursor:pointer}
.hero-signature .animation-toggle:hover,.hero-signature .animation-toggle:focus-visible{opacity:1;background:#ffffff90}
.animation-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}
.animation-toggle .play-symbol{display:none;fill:currentColor;stroke:none}
.animation-toggle[data-paused="true"] .play-symbol{display:block}
.animation-toggle[data-paused="true"] .pause-symbol{display:none}
.home-information{display:grid;grid-template-columns:1.15fr 1fr;gap:58px;margin-top:10px;margin-bottom:86px;padding-top:54px;border-top:1px solid var(--line);align-items:start}
.home-information .person-section{padding:0;border:0;min-width:0}
.home-information .person-grid{max-width:none;grid-template-columns:140px minmax(0,1fr);gap:27px;align-items:start}
.home-information .person-grid>img{width:140px;height:178px}
.home-information .person-grid h2{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;letter-spacing:-.8px;margin:10px 0 18px}
.home-information .person-grid .eyebrow{font-size:9px;letter-spacing:1.1px}
.home-information .position{font-size:14px}
.home-information .person-grid .bio-detail{font-size:13px;line-height:1.75;margin-top:17px}
.home-information .person-grid .text-link{font-size:11px;gap:15px}
.home-information .news-section{padding:0 0 0 35px;border-left:1px solid var(--line);min-width:0}
.home-information .section-heading{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.home-information .section-heading h2{font-size:27px;letter-spacing:-.6px}
.home-information .section-heading .text-link{font-size:11px;gap:12px;margin:0;padding-bottom:6px}
.home-information .news-row{grid-template-columns:65px minmax(0,1fr) 12px;gap:14px;padding:19px 0}
.home-information .news-row time{font-size:10px}
.home-information .news-row h3{font-size:15px;line-height:1.5}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:28px 0 34px;color:var(--muted);font-size:12px}
.people-shell .profile-header h1{margin-top:0}
@media(max-width:1000px){.home-information{grid-template-columns:1fr 1fr;gap:30px}.home-information .person-grid{grid-template-columns:105px minmax(0,1fr);gap:20px}.home-information .person-grid>img{width:105px;height:134px}.home-information .news-section{padding-left:25px}.home-information .section-heading{flex-wrap:wrap;gap:12px}}
@media(max-width:760px){.home-information{grid-template-columns:1fr;gap:42px;padding-top:36px;margin-bottom:55px}.home-information .person-grid{grid-template-columns:115px minmax(0,1fr);gap:26px}.home-information .person-grid>img{width:115px;height:146px}.home-information .news-section{padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}.home-information .section-heading{flex-wrap:nowrap}.home-information .news-row time{grid-column:auto}.site-footer{font-size:11px}}
@media(max-width:650px){.hero-title{top:42px}.opening{height:735px}.scene{top:210px;bottom:15px}.hero-signature{top:160px;left:auto;right:6%;width:160px;display:block}.hero-signature #titleCanvas{width:160px;height:75px}.hero-signature .animation-toggle{position:absolute;right:0;bottom:-15px;width:25px;height:25px}.hero-title h1{font-size:13vw}.home-information .news-row h3{font-size:14px}}

/* Requested scale adjustments: navigation +15%; wordmark +10%. */
.masthead nav{font-size:17.25px}
.hero-signature{width:330px}
.hero-signature #titleCanvas{width:330px;height:121px}
@media(max-width:1100px){.masthead nav{font-size:16.1px}.hero-signature{width:275px}.hero-signature #titleCanvas{width:275px;height:121px}}
@media(max-width:850px){.hero-signature{width:242px}.hero-signature #titleCanvas{width:242px;height:110px}}
@media(max-width:650px){.masthead nav{font-size:13.8px;gap:10px 14px;max-width:246px}.masthead{gap:16px}.hero-signature{width:176px}.hero-signature #titleCanvas{width:176px;height:82.5px}}

.research-overview-figure{width:min(75%,465px);margin:8px auto 38px!important}.research-overview-figure img{display:block;width:100%;height:auto}.research-overview-figure a{display:block}@media(max-width:650px){.research-overview-figure{margin:0 auto 32px!important}}

.hero-title h1{font-size:clamp(44px,5.2vw,82px);line-height:1.08;letter-spacing:-2.6px}
.hero-title h1 span,.hero-title h1 em{display:block}
@media(max-width:850px) and (min-width:651px){.hero-title h1{font-size:5.2vw;letter-spacing:-1.7px}}
@media(max-width:650px){.hero-title h1{font-size:9.2vw;line-height:1.1;letter-spacing:-1.2px;max-width:330px}.hero-signature{top:185px}.scene{top:230px}}

/* Shared readable masthead and restored concise hero. */
.masthead{flex-wrap:wrap;column-gap:30px;row-gap:18px}
.brand{flex-shrink:0;letter-spacing:-1.3px}
.brand span{display:block;font-size:17px;line-height:1.35;font-weight:500;letter-spacing:0;padding-left:20px;color:#455e6c}
.masthead nav{font-size:20px;gap:24px;line-height:1.3;flex-wrap:wrap}
.hero-title h1{font-size:clamp(70px,7.8vw,124px);line-height:.98;letter-spacing:-4px}
@media(max-width:1200px){.masthead{padding:24px 0 20px}.masthead nav{font-size:19px;gap:26px;width:100%;justify-content:space-between;max-width:none}.brand span{font-size:17px}}
@media(max-width:650px){.masthead{display:flex;align-items:center;gap:18px;padding:20px 0 16px}.brand{font-size:32px;gap:15px}.brand span{display:block;font-size:15px;padding-left:15px}.masthead nav{font-size:16px;gap:12px 19px;justify-content:flex-start;width:100%;max-width:none}.hero-title h1{font-size:13vw;line-height:1;letter-spacing:-2px}.hero-signature{top:170px}.scene{top:220px}}

.footer-quiet{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:default}.footer-quiet:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
.news-update{max-width:900px;margin:44px auto 70px;line-height:1.75}.news-update h1{font-size:clamp(28px,4vw,42px);line-height:1.2;margin:18px 0 30px}.news-update p{margin:16px 0}.news-update img{max-width:100%;height:auto}
.legacy-content>#main{width:min(1000px,85%);margin:45px auto 80px}.page__title{font-size:36px;margin:20px 0}.page__content{line-height:1.75}.page__content p{margin:18px 0}.page__content img{height:auto;max-width:100%}

/* Align the shared masthead with the capped homepage composition. */
.masthead{width:min(1280px,91%);margin-inline:auto}
