/* Research instruments: black grounds, fine marks, one purposeful spectrum. */
.research-head>.in{max-width:var(--maxw);margin:auto;padding:72px var(--gutter) 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.research-head h1{margin:24px 0;font-family:var(--display);font-weight:700}
.research-art{height:340px}
.research-art svg,.path-art svg{width:100%;height:100%}
.research-path-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.research-path{padding:24px 36px 40px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}
.research-path:nth-child(even){padding-left:36px;border-left:1px solid var(--line)}
.path-art{width:100%;height:200px;opacity:.8;transition:opacity .3s,transform .5s}
.research-path:hover .path-art{opacity:1;transform:translateY(-4px)}
.research-path h3{font:32px var(--display);margin:15px 0}
.research-path p{color:var(--fg-2);max-width:39ch;font-size:16px}
.path-link{display:flex;width:100%;justify-content:space-between;margin-top:30px;font-size:13px}
.research-question{padding:32px;border:1px solid var(--line)}
.question-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:32px 0}
.question-flow h3,.question-flow b{display:block;font:23px var(--display);margin:14px 0}
.question-flow p,.duo>p{font-size:17px;line-height:1.7;color:var(--fg-2)}
.research-note{color:var(--fg-3);font-size:14px;max-width:75ch;border-top:1px solid var(--line);padding-top:24px}
.blog-index{border-top:1px solid var(--line)}
.blog-index a{display:grid;grid-template-columns:240px 1fr 24px;align-items:center;gap:32px;padding:32px 0;border-bottom:1px solid var(--line)}
.blog-index h3{font:27px var(--display)}
.blog-index a:hover h3{color:#e6b4f2}
.lab-article{scroll-margin-top:30px}
.lab-article>.in{display:grid;grid-template-columns:1fr 2fr;gap:72px}
.lab-article aside .story-link{display:block;margin-top:25px}
.lab-article h2{max-width:20ch}
.lab-article p{font-size:18px;color:var(--fg-2);line-height:1.8;max-width:64ch}
.lab-article p.article-intro{font-size:23px;color:var(--fg);margin:28px 0 40px}
.lab-article h3{font-size:22px;margin:32px 0 12px;font-weight:500}

.atlas-page{background:#05070a}
.atlas-heading,.atlas-instrument,.atlas-footnote,.atlas-inspection{max-width:calc(var(--maxw) - 2 * var(--gutter));margin:0 auto}
.atlas-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:37px 0 36px}
.atlas-heading h1{font:clamp(34px,4vw,58px)/1.04 var(--display);margin-top:20px;max-width:none}
.atlas-heading p{color:#a2a9b6;font-size:16px;padding-bottom:3px}
.atlas-instrument{display:grid;grid-template-columns:minmax(0,1fr) 282px;border:1px solid #253138;min-height:510px}
.atlas-stage{position:relative;min-width:0;min-height:510px;background:radial-gradient(ellipse at 50% 60%,#0a1219,#030609 68%);overflow:hidden}
#atlasCanvas{width:100%;height:100%;position:absolute;inset:0;cursor:grab;touch-action:none}
#atlasCanvas:active{cursor:grabbing}
.atlas-coordinate{position:absolute;left:20px;top:19px;right:20px;display:flex;justify-content:space-between;gap:10px;font:8px/1.5 var(--mono);letter-spacing:.09em;color:#7f99a5;pointer-events:none}
.atlas-stage-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:9px/1.4 var(--mono);color:#839fa6}
#atlasLayerBadge{color:#bdebe2}
.atlas-view-controls{position:absolute;left:18px;bottom:47px;display:flex;gap:5px}
.atlas-view-controls button{border:1px solid #ffffff21;background:#060c12ba;font:10px var(--mono);min-width:32px;min-height:32px;padding:6px 9px}
.atlas-controls{padding:22px 21px;border-left:1px solid #253138;background:#0a0e13;display:flex;flex-direction:column;gap:17px}
.atlas-control-head{display:flex;justify-content:space-between;gap:6px;align-items:center}
.atlas-control-head .lbl{font-size:8px;letter-spacing:.08em;color:#95a1ad}
.atlas-demo{font:8px var(--mono);color:#a1d9c9;border:1px solid #33594e;padding:4px 6px}
.atlas-layer-title{display:flex;gap:13px;align-items:center}
.atlas-layer-title>span{font:28px var(--mono);color:#55776e}
.atlas-layer-title h2{font:27px var(--display)}
.atlas-controls>p{font-size:13px;line-height:1.6;color:#9fa9b6;min-height:62px}
.atlas-range{display:block;font:10px var(--mono);color:#aeb9c6}
.atlas-range>span{display:flex;justify-content:space-between;margin-bottom:9px}
.atlas-range output{color:#dcf5ed}
.atlas-range input{display:block;width:100%;height:18px;accent-color:#b4f1c0;cursor:pointer}
.atlas-layer-stops{display:flex;gap:5px;margin-top:-12px}
.atlas-layer-stops button{font:9px var(--mono);flex:1;min-height:29px;border:1px solid #ffffff12;color:#7a8a94}
.atlas-layer-stops button[aria-pressed="true"]{border-color:#71a798;background:#254139;color:#d3ffe7}
.atlas-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px 6px;border-top:1px solid #ffffff12;padding-top:16px;font:9px var(--mono);color:#b1bec9}
.atlas-switches label{display:flex;gap:7px;align-items:center}
.atlas-switches input{accent-color:#ade3bd}
.atlas-spectrum{margin-top:auto}
.atlas-spectrum i{display:block;height:3px;background:linear-gradient(90deg,#182951,#156596,#24c8c4,#8bdf78,#e6ed93)}
.atlas-spectrum>div{display:flex;justify-content:space-between;font:8px var(--mono);color:#778a97;margin-top:7px}
.atlas-footnote{display:flex;justify-content:space-between;gap:24px;padding:14px 0 36px;font:9px/1.8 var(--mono);color:#7e919b}
.atlas-inspection{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:50px 0 65px;border-top:1px solid var(--line)}
.atlas-inspection h2{font-size:30px;margin:18px 0 26px;max-width:20ch}
.atlas-place-label{display:block;font:9px var(--mono);color:#a4afbd;margin-bottom:8px}
.atlas-inspection select{color:#e2ebee;background:#111b22;border:1px solid #31434d;padding:12px;font:14px var(--sans);width:min(100%,300px)}
.atlas-place-readout>p{color:#9faab7;font:12px/1.8 var(--sans);margin:14px 0}
.atlas-signal-row{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:15px;margin:16px 0;font:10px var(--mono);color:#a8bdc7}
.atlas-signal-row i{height:3px;background:#18313c;position:relative}
.atlas-signal-row i b{display:block;height:100%;width:var(--value);background:#93d9bb}
.atlas-signal-row output{text-align:right;color:#cde7df}
.atlas-method{background:var(--ink)}
@media(min-width:1450px){.atlas-stage{min-height:580px}}
@media(max-width:1000px){.atlas-heading,.atlas-instrument,.atlas-footnote,.atlas-inspection{margin-left:var(--gutter);margin-right:var(--gutter)}.atlas-instrument{grid-template-columns:minmax(0,1fr) 260px}.atlas-heading{align-items:start;flex-direction:column;gap:16px}.atlas-heading p br{display:none}.atlas-inspection{gap:40px}}
@media(max-width:700px){.research-head>.in{grid-template-columns:1fr;padding-top:40px;gap:20px}.research-art{height:230px}.research-path-grid{grid-template-columns:1fr}.research-path,.research-path:nth-child(even){padding:24px 0 32px;border-left:0}.question-flow{grid-template-columns:1fr;gap:18px}.blog-index a{grid-template-columns:1fr 22px;gap:16px}.blog-index a>.lbl{grid-column:1/-1}.blog-index h3{font-size:24px}.lab-article>.in{grid-template-columns:1fr;gap:32px}.research-question{padding:22px}.atlas-instrument{grid-template-columns:1fr}.atlas-stage{min-height:390px}.atlas-controls{border-left:0;border-top:1px solid #253138;display:grid;grid-template-columns:1fr 1fr;gap:20px}.atlas-control-head,.atlas-layer-title,.atlas-controls>p,.atlas-layer-stops,.atlas-controls>.atlas-range:first-of-type,.atlas-switches,.atlas-spectrum{grid-column:1/-1}.atlas-controls>p{min-height:0}.atlas-switches{grid-template-columns:1fr 1fr}.atlas-footnote{display:block;font-size:8px}.atlas-footnote p+p{margin-top:8px}.atlas-inspection{grid-template-columns:1fr;gap:24px}.atlas-coordinate{font-size:7px}.atlas-coordinate span:last-child{display:none}.atlas-stage-bottom{font-size:8px}.atlas-heading{padding-top:24px}.atlas-heading h1{font-size:38px}.atlas-heading p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.research-path:hover .path-art{transform:none}}
@media(max-width:700px){.atlas-view-controls button,.atlas-layer-stops button{min-height:40px;min-width:40px}.atlas-switches label{min-height:28px}.atlas-range input{min-height:28px}}

.blog-author-preview{display:block;margin-top:12px;color:var(--fg-2);font:12px/1.6 var(--sans)}
.lab-article .article-byline{font:13px/1.7 var(--sans);margin-top:26px;color:var(--fg)}
.article-byline strong,.article-byline span{display:block}.article-byline span{color:var(--fg-2)}
.founder-article h2{margin-bottom:30px}.founder-article p+p{margin-top:24px}
.blog-figure{margin:36px 0;max-width:640px}.blog-figure img{display:block;width:100%;height:auto;border-radius:3px}
.blog-figure figcaption{font:11px/1.7 var(--mono);color:var(--fg-2);margin-top:14px}
