:root{--concept-ground:#e4e4f0}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('assets/fonts/source-sans-3.ttf') format('truetype');font-weight:200 900;font-display:swap}
/* Selected Research Studio typography. */
.studio{font-family:'Source Sans 3',sans-serif;font-size:1.15rem;line-height:1.65;color:#242447;background:var(--concept-ground);--studio-line:#c3c3d3;--studio-indigo:#343474}
.studio h1,.studio h2,.studio h3{font-family:Manrope,sans-serif;font-weight:550;letter-spacing:-.045em;line-height:1.15;text-wrap:wrap}
.studio h1{font-size:clamp(2.7rem,5.5vw,5.6rem);}
.studio h2{font-size:clamp(1.8rem,3.3vw,3.05rem)}
.studio h3{font-size:clamp(1.45rem,2vw,2rem)}
.studio a{color:#343474;text-decoration-thickness:1px;text-underline-offset:5px}
.studio a:hover{color:#161637;text-decoration-color:var(--link-underline)}
.studio .studio-wrap{max-width:1380px;padding-inline:clamp(1.4rem,5vw,5rem);margin-inline:auto}
.studio .eyebrow{font-size:1rem;font-weight:650;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;margin:0 0 1.5rem;color:#5d5d7b;font-family:Manrope,sans-serif}
.studio .studio-section{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--studio-line)}
.studio .opening{padding-top:clamp(2.5rem,5vw,4rem);border-top:0}
.studio .opening-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.studio .opening h2{font-size:clamp(2.2rem,4vw,3.7rem)}
.studio .opening-grid>div{}
.studio .text-link{font-weight:600}
.studio .section-head{display:flex;gap:1rem 2rem;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:2rem}
.studio .section-head .eyebrow{flex-basis:100%;margin-bottom:0}
.studio .section-head p:not(.eyebrow){color:#5d5d7b;margin:0}
.studio .project-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:4rem;background:#303064;color:#f4f3fa;padding:clamp(1.5rem,4vw,4rem);margin-bottom:0}
.studio .project-feature>div:first-child{}
.studio .project-feature h3{font-size:clamp(2.4rem,4vw,4rem);margin-bottom:1rem}
.studio .project-feature .eyebrow{color:#c7c7e4}
.studio .project-feature a{color:#fff}
.studio .project-feature a:hover{color:#d7d7f2}
.studio .project-notebook{padding:0 0 0 3rem;border-left:1px solid #747498;display:flex;flex-direction:column;align-items:flex-start}
.studio .project-notebook>span{font-size:1rem;color:#c7c7e4}
.studio .project-notebook strong{font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1.25;letter-spacing:-.045em;margin:1.2rem 0}
.studio .project-notebook p{}
.studio .project-line{display:grid;grid-template-columns:2rem .75fr 1.2fr auto;gap:2rem;align-items:start;padding-block:2.2rem;border-bottom:1px solid var(--studio-line)}
.studio .project-line h3 a{text-decoration:none}
.studio .project-line .eyebrow{margin-bottom:.5rem;font-size:1rem}
.studio .project-line p{margin-bottom:0;}
.studio .project-line>a{font-size:1rem;align-self:center}
.studio .project-number{font-size:1rem;color:#4e4e69;padding-top:.2rem}
.studio .feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center}
.studio .figure-link{background:#f8f7fb;display:flex;align-items:center;justify-content:center;min-height:380px;padding:2rem;border:1px solid #d7d7e3}
.studio .figure-link img{width:100%;height:auto;max-height:420px}
.studio .feature-copy h3{margin-bottom:1.2rem;font-size:clamp(1.6rem,2.5vw,2.5rem)}
.studio hr{border:0;border-top:1px solid var(--studio-line);margin:2rem 0}
.studio .journal-row{display:grid;grid-template-columns:11rem 1fr 2rem;gap:2.3rem;padding:2.2rem 0;border-top:1px solid var(--studio-line)}
.studio .journal-row:last-child{border-bottom:1px solid var(--studio-line)}
.studio .journal-row h3{font-size:clamp(1.35rem,2.2vw,1.9rem);margin-bottom:.65rem;line-height:1.25}
.studio .journal-row h3 a{text-decoration:none;color:#242447}
.studio .journal-row h3 a:hover{text-decoration:underline}
.studio .journal-row p{margin:0;color:#5d5d76;}
.studio .journal-meta{font-size:1rem;color:#424262;padding-top:.2rem}
.studio .journal-meta span{display:block;color:#62627d;margin-top:.35rem}
.studio .row-arrow{font-size:1.8rem;text-decoration:none}
.studio .resources-strip{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem 4rem;align-items:start}
.studio .resources-strip>div{grid-row:span 2}
.studio .resources-strip>a{justify-self:start}
.studio .resources-strip p{margin-bottom:0}
.studio .resources-strip h2{}
.studio .resources-strip .eyebrow{margin-bottom:1rem}
.studio .page-intro{padding:clamp(2.5rem,5vw,4rem) 0 clamp(2rem,4vw,3rem)}
.studio .page-dek{font-size:clamp(1.2rem,1.8vw,1.5rem);color:#5b5b78;line-height:1.5;margin:1.8rem 0 0}
.studio .article-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start;padding:1.3rem 0 5rem}
.studio .article-nav{min-width:0;position:sticky;top:2rem;font-size:1rem;border-top:1px solid var(--studio-line);padding-top:1.5rem}
.studio .article-nav .eyebrow{margin-bottom:1rem;font-size:1rem}
.studio .article-nav ol{padding-left:1.1rem;margin:0 0 2.5rem}
.studio .article-nav li{padding-left:.1rem;margin-bottom:1rem}
.studio .article-nav a{text-decoration:none;color:#5d5d7b}
.studio .article-nav a:hover{text-decoration:underline}
.studio .article-body{min-width:0;font-size:1.23rem;line-height:1.78}
.studio .article-body>p:first-child{font-size:1.4rem;line-height:1.55;color:#33335c}
.studio .article-body h2{font-size:1.8rem;line-height:1.25;margin:2.5rem 0 1.1rem;scroll-margin-top:2rem}
.studio .article-body p{margin-bottom:1.35rem}
.studio .article-sources{border-top:1px solid var(--studio-line);margin-top:3rem;padding-top:.5rem;font-size:1.05rem}
.studio .article-sources h2{font-size:1.25rem;margin-top:1rem}
.studio .source-list{list-style:none;padding:0;margin:1rem 0 0}
.studio .source-list li{margin-bottom:.6rem}
.studio .research-figure,.studio .diagram{background:#f8f7fb;padding:1.5rem;margin:2.5rem 0;border:1px solid #d7d7e3}
.studio .research-figure img{width:100%;max-height:540px;object-fit:contain}
.studio figcaption{font-size:1rem;line-height:1.5;color:#61617c;margin-top:1.2rem}
.studio .diagram svg{width:100%;height:auto;display:block}
.studio .research-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.studio .research-directions>div{border-top:2px solid #4c4c84;padding-top:1.4rem}
.studio .research-directions .eyebrow{display:block;margin-bottom:1.5rem}
.studio .research-directions h3{margin-bottom:1.2rem}
.studio .journal-sections{display:flex;gap:2rem;padding-block:1.5rem;border-top:1px solid var(--studio-line)}
.studio .action-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;margin:0 0 4rem}
.studio .solid-link{display:inline-block;padding:.85rem 1.4rem;background:#353570;color:#fff;text-decoration:none;font-weight:550}
.studio .solid-link:hover{background:#232350;color:#fff}
.studio .split-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,3rem)}
.studio .reading-text{}
.studio .reading-text h3{font-size:1.45rem;margin-bottom:1rem;margin-top:2rem}
.studio .reading-text h3:first-child{margin-top:0}
.studio .reading-text .action-bar{margin:2rem 0 0}
.studio .steps{list-style:none;padding:0;margin:0}
.studio .steps li{display:grid;grid-template-columns:5rem 1fr;gap:2rem;border-top:1px solid var(--studio-line);padding-block:2rem}
.studio .steps li>span{font-size:1.4rem;color:#5d5d7b;font-family:Manrope,sans-serif}
.studio .steps h3{margin-bottom:.6rem}
.studio .steps p{margin:0}
.studio .resource-intro{padding:2rem 0 3rem;border-top:1px solid var(--studio-line)}
.studio .resource-intro h2{font-size:1.8rem;margin-bottom:1rem}
.studio .resource-collection{padding-top:0;border-top:0}
.studio .resource-row{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;border-top:1px solid var(--studio-line);padding-block:2.4rem}
.studio .resource-row h2{font-size:1.8rem}
.studio .resource-row p{}
.studio .founders{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.studio .founders article{display:grid;grid-template-columns:130px 1fr;gap:1.5rem}
.studio .founders img{width:130px;aspect-ratio:1;object-fit:cover;filter:saturate(.75)}
.studio .founders .eyebrow{margin-bottom:.6rem}
.studio .founders h3{margin-bottom:1rem}
.studio-foot{background:#dcdce8;border-top:1px solid #b8b8ce}
.studio .foot-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:3.5rem 0 2.5rem;border-bottom:1px solid #b8b8ce}
.studio .foot-top p{margin:0;color:#545472}
.studio .foot-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;padding:3rem 0}
.studio .foot-columns h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.2rem;font-weight:700;color:#555573}
.studio .foot-columns ul{list-style:none;margin:0;padding:0}
.studio .foot-columns li{margin-bottom:.65rem;line-height:1.4;font-size:1rem}
.studio .foot-columns a{text-decoration:none}
.studio .foot-columns a:hover{text-decoration:underline}
.studio .foot-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #b8b8ce;padding-block:1.5rem 2rem;font-size:1rem;color:#4e4e69}
@media(min-width:2000px), (min-width:52.0625rem) and (min-aspect-ratio:2/1){.studio .studio-wrap{max-width:1560px}.studio .article-layout{grid-template-columns:16rem minmax(0,1fr);gap:4rem}.studio .studio-section{padding-block:4rem}}
@media(max-width:1050px){.studio .project-line{grid-template-columns:2rem 1fr 1.5fr}.studio .project-line>a{grid-column:3}.studio .opening-grid,.studio .feature-grid{gap:3rem}.studio .article-layout{grid-template-columns:12rem minmax(0,1fr);gap:3rem}.studio .founders{gap:2rem}.studio .founders article{grid-template-columns:1fr}.studio .foot-columns{gap:1.3rem}.studio .research-directions{gap:1.5rem}}
@media(max-width:760px){.studio .studio-section{padding-block:2.5rem}.studio .page-intro{padding-top:3rem}.studio .opening-grid,.studio .feature-grid,.studio .project-feature,.studio .resources-strip,.studio .split-studio,.studio .research-directions,.studio .resource-row{grid-template-columns:1fr;gap:2rem}.studio .project-notebook{padding:2rem 0 0;border-left:0;border-top:1px solid #747498}.studio .project-notebook strong br{display:none}.studio .project-notebook strong{}.studio .project-line{grid-template-columns:2rem 1fr;gap:1rem}.studio .project-line>p,.studio .project-line>a{grid-column:2}.studio .article-layout{display:block;padding-top:0}.studio .article-nav{position:static;margin-bottom:3rem}.studio .article-nav ol{display:flex;flex-wrap:wrap;gap:.6rem 2rem;list-style:none;padding:0;margin:0 0 1rem}.studio .article-nav li{margin:0}.studio .article-body{min-width:0;font-size:1.15rem}.studio .article-body>p:first-child{font-size:1.25rem}.studio .journal-row{grid-template-columns:1fr 1.5rem;gap:1rem}.studio .journal-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem 1rem}.studio .journal-meta span{margin:0}.studio .journal-row h3{font-size:1.45rem}.studio .foot-columns{grid-template-columns:repeat(3,1fr);gap:2rem}.studio .foot-top{align-items:flex-start;flex-direction:column}.studio .founders{gap:2rem}.studio .figure-link{min-height:250px}.studio .resources-strip>div{grid-row:auto}.studio .action-bar{margin-bottom:3rem}.studio .journal-sections{flex-wrap:wrap;gap:.8rem 1.5rem}}
@media(max-width:420px){.studio .founders,.studio .foot-columns{grid-template-columns:1fr 1fr}.studio .founders{grid-template-columns:1fr}.studio .foot-bottom{flex-direction:column}.studio .steps li{grid-template-columns:2rem 1fr;gap:1rem}.studio .project-feature{padding:1.5rem}.studio .article-body h2{font-size:1.5rem}.studio .research-figure,.studio .diagram{padding:.7rem}.studio .diagram figcaption{font-size:1rem}}

/* Homepage refinement: common typography, lighter sky, tighter composition. */
body{font-family:'Source Sans 3',sans-serif;background:var(--concept-ground)}
.masthead{font-family:Manrope,sans-serif}
.hero{background:var(--concept-ground)}
.hero-text h1{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.04em;line-height:1.05}
.hero-sub{font-family:'Source Sans 3',sans-serif;font-weight:400;line-height:1.45}
.studio .research-overview h3{margin-bottom:1.5rem}
.studio .research-overview>div{border-top:2px solid #444476;padding-top:2rem}
@media(min-width:52.0625rem){
 .hero{--trim:clamp(20px,3vw,60px);height:min(calc(var(--art-height) - var(--trim)),100svh)}
 .hero-art{top:calc(min(0px,(100svh - var(--art-height)) * .7) - var(--trim))}
 .hero-text{--fs:clamp(2.5rem,4.2vw,7rem);bottom:2.5%}
 .hero-sub{font-size:clamp(1.15rem,1.5vw,2rem);max-width:29ch}
}
@media(min-width:2000px), (min-width:52.0625rem) and (min-aspect-ratio:2/1){
 .hero{height:calc(var(--art-height) - var(--trim))}
 .hero-art{top:calc(-1 * var(--trim))}
 .hero-text{--fs:calc(var(--scene-width) * .021);bottom:2.5%}
 .hero-sub{font-size:max(1.25rem,calc(var(--scene-width) * .007))}
}
@media(max-width:52rem){
 .hero-text{--fs:clamp(2rem,7vw,3.5rem);margin-top:calc(var(--fs) * -1.5);padding-bottom:2rem}
 .hero-sub{font-size:1.08rem;margin-top:.7rem}
}

/* Horizontal extension of the original concept; overlay follows the ledge gap. */
@media(min-width:2000px), (min-width:52.0625rem) and (min-aspect-ratio:2/1){
 .hero{--center-x:48.55%;--center-y:44.4%}
 .hero-art{--u:calc(var(--scene-width) / 2938);aspect-ratio:2158 / 729}
}
.hero{background:var(--concept-ground)}
@media(max-width:52rem){.masthead.over{background:var(--concept-ground)}}

/* One source of geometry: artwork always meets the bottom of the hero. */
@media(min-width:52.0625rem){
 .hero-art{top:auto;bottom:0}
 .hero-text{display:block}
}
/* Continue the artwork ground into the opening section without a pale band. */
main > .hero + .studio{background:var(--concept-ground)}

/* A single page ground, including the image-to-page boundary and overscroll. */
html:has(.hero),body:has(.hero){background:var(--concept-ground)}
.hero-img{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}