:root{--bg:#0b0e13;--surface:#151b24;--ink:#f5f5f0;--muted:#a5afbc;--accent:#9bbcff;--line:#303844;--paper:#f1f0ea;--dark:#19212b;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{background:none;border:1px solid var(--line)}p{margin:0 0 24px}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em;margin:0}h2{font-size:clamp(38px,5vw,68px)}h3{font-size:30px}header{height:98px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:600;letter-spacing:-1.5px}.brand span{color:var(--muted);font-weight:400}.brand i{font-style:normal;font-size:18px;color:var(--accent);margin-left:15px}nav{display:flex;gap:30px;font-size:13px}nav a{color:#b9bec6;padding:6px 0}nav a[aria-current],nav a:hover{color:white}nav a:last-child{margin-left:25px;color:white}nav span{color:var(--accent);margin-left:6px}#menu{display:none}.wrap{padding:100px 6%}.eyebrow,.meta,.index{font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.eyebrow{color:var(--muted);display:flex;gap:13px;align-items:center;margin-bottom:32px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent)}.hero{position:relative;padding:55px 6% 0;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:start}.hero-top .meta{color:var(--muted);text-align:right;line-height:1.8}.hero h1{font-size:clamp(90px,14vw,210px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:10px 0 32px}.hero h1 span{color:var(--accent)}.hero-body{display:grid;grid-template-columns:1fr 1.14fr;gap:7%;align-items:center}.hero-copy h2{font-size:clamp(30px,3vw,46px);max-width:510px;line-height:1.13;letter-spacing:-.035em}.hero-copy p{font-size:16px;color:var(--muted);max-width:450px;margin:23px 0}.actions{display:flex;align-items:center;gap:28px;margin:30px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--accent);color:#101c32;padding:14px 20px;font-size:13px;font-weight:600;border:1px solid var(--accent)}.button:hover{background:#bfd3ff}.text-link{font-size:13px;border-bottom:1px solid #69717e;padding-bottom:5px}.role{border-top:1px solid var(--line);margin-top:42px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.role strong{color:#ddd;font-weight:400}.diagram{position:relative;min-height:300px;background-image:radial-gradient(#303743 .7px,transparent .7px);background-size:17px 17px}.diagram svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.edge{fill:none;stroke:#425064;stroke-width:1}.pulse{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 240;animation:flow 8s linear infinite}@keyframes flow{to{stroke-dashoffset:-490}}.node{position:absolute;transform:translate(-50%,-50%);padding:10px 14px;background:var(--bg);font-size:11px;white-space:nowrap;border:1px solid #3b4655;transition:.2s}.node:hover,.node.active{background:#1b2b45;border-color:var(--accent);color:#c8d9ff}.node small{font:9px var(--mono);color:#9aabba;display:block;text-align:left}.network-caption{font:10px var(--mono);color:var(--muted);padding:10px 0;min-height:40px}.hero-network{padding-top:20px}.hero-network .diagram{height:300px}.paper{background:var(--paper);color:var(--dark)}.paper .eyebrow{color:#5d6671}.paper .eyebrow:before{background:#355dab}.split{display:grid;grid-template-columns:1fr 1fr;gap:10%}.intro h2{max-width:500px}.intro .lead{font-size:23px;line-height:1.5;letter-spacing:-.02em}.intro .secondary{color:#5f6771;font-size:16px}.intro-bottom{margin-top:60px;display:flex;justify-content:space-between;border-top:1px solid #c9ccd0;padding-top:20px;font:11px var(--mono);color:#626b76}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px;gap:35px}.section-head p{max-width:340px;color:var(--muted);font-size:14px;margin:0}.paper .section-head p{color:#5f6771}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px}.work-visual{height:300px;padding:30px;display:flex;flex-direction:column;justify-content:center;background:#141c28;border:1px solid #2f3946;margin-bottom:24px;overflow:hidden}.work-card:nth-child(2){padding-top:85px}.work-card .meta{color:var(--accent);margin-bottom:13px}.work-card h3{margin-bottom:14px}.work-card p{color:var(--muted);font-size:14px;max-width:440px}.work-card a:hover h3{color:var(--accent)}.mini-flow{display:flex;align-items:center;justify-content:center;gap:13px}.mini-flow span{padding:15px 12px;border:1px solid #52627a;font:11px var(--mono);background:#1a2536}.mini-flow i{color:var(--accent);font-style:normal}.visual-note{font:10px var(--mono);color:#99a8bd;margin-top:40px;text-align:center}.feed{font:12px var(--mono);line-height:2.6}.feed div{border-bottom:1px solid #354052;display:flex;justify-content:space-between;gap:12px}.feed b{font-weight:400;color:var(--accent)}.work-list{margin-top:50px;border-top:1px solid var(--line)}.work-list a{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 1fr 180px 20px;gap:15px;align-items:center}.work-list .meta{color:var(--muted)}.timeline{border-top:1px solid #b8bec5}.timeline details{border-bottom:1px solid #b8bec5}.timeline summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:24% 1fr 25px;gap:20px;padding:32px 0}.timeline summary::-webkit-details-marker{display:none}.timeline .date{font:11px var(--mono);color:#626b76;padding-top:8px}.timeline summary h3{font-size:29px}.timeline summary p{margin:10px 0 0;font-size:14px}.plus{font-size:26px}.timeline details[open] .plus{transform:rotate(45deg)}.timeline-body{margin-left:26%;padding:0 6% 34px 0;max-width:850px;color:#4e5966}.timeline-body h4{color:#1b2736;margin:20px 0 8px}.timeline-body ul{padding-left:18px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #aeb7c1;padding:5px 10px;font:11px var(--mono)}.lab-teaser{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#151c27}.lab-teaser p{color:var(--muted);max-width:420px;margin-top:25px}.big-num{font:11px var(--mono);color:var(--accent)}.lab-teaser-graphic{padding:35px;border:1px solid #3e4b60;transform:rotate(-3deg)}.lab-teaser-graphic .mini-flow{margin:25px 0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0}.filters button{color:#53606d;border-color:#c0c4c7;padding:9px 14px;font-size:12px}.filters button.active{background:#1c2b42;color:#fff;border-color:#1c2b42}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.expertise-item{padding:23px 0;border-top:1px solid #c6cbd0}.expertise-item h3{font-size:20px;letter-spacing:-.02em}.expertise-item p{color:#5f6771;font-size:13px;margin:10px 0 0}.contact-block h2{font-size:clamp(65px,10vw,150px)}.contact-block .split{align-items:end;margin-top:35px}.contact-block p{color:var(--muted);max-width:440px}.contact-row{border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;font-size:14px}.contact-row small{font:10px var(--mono);color:var(--muted)}footer{padding:35px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}footer p,footer small{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{font-size:22px}.page-title{padding-bottom:60px}.page-title h1{font-size:clamp(55px,8vw,110px);max-width:1000px}.page-title p{max-width:650px;color:var(--muted);font-size:20px;margin:30px 0 0}.portrait{aspect-ratio:4/5;background:#dedfd9;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid #b9c1c4}.portrait strong{font-size:clamp(100px,19vw,260px);line-height:1;letter-spacing:-.1em;align-self:center;font-weight:400}.portrait .meta{color:#65707a}.prose h2{font-size:42px;margin-bottom:30px}.prose h3{margin:35px 0 15px;font-size:24px}.prose p{color:#535e68}.lab{padding-top:55px}.lab .section-head h1{font-size:clamp(50px,7vw,90px)}.lab .section-head p{font-size:15px}.scenario-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.scenario-tabs button{border:0;border-right:1px solid var(--line);text-align:left;padding:18px;font-size:13px;color:var(--muted)}.scenario-tabs button small{display:block;font:10px var(--mono);margin-bottom:6px}.scenario-tabs button.active{background:#23334d;color:#fff;box-shadow:inset 0 -2px var(--accent)}.lab-layout{display:grid;grid-template-columns:1fr 300px;border:1px solid var(--line);border-top:0}.lab-canvas{padding:20px;min-width:0}.lab-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.lab-toolbar .meta{color:var(--muted);font-size:9px}.lab-toolbar button{font-size:11px;padding:5px 9px}.lab-map{height:370px;margin:15px 0}.lab-map .node{padding:15px 18px;min-width:120px;text-align:left}.lab-info{padding:26px;border-left:1px solid var(--line);background:#121924}.lab-info .meta{color:var(--accent)}.lab-info h3{font-size:26px;margin:20px 0}.lab-info p{font-size:14px;color:var(--muted)}.lab-info dl{font:11px var(--mono)}.lab-info dt{color:#8392a6;margin-top:20px}.lab-info dd{margin:7px 0;color:#d4e2fb}.lab-info .button{width:100%;margin-top:24px;padding:10px;font-size:11px}.legend{display:flex;gap:20px;font:10px var(--mono);color:var(--muted)}.legend span:before{content:'·';color:var(--accent);font-size:22px;margin-right:5px}.lab-explain{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:45px}.lab-explain h2{font-size:30px}.lab-explain p{color:var(--muted);font-size:14px}.paused .pulse{animation-play-state:paused}.skip{position:fixed;top:-100px;background:white;color:black;padding:10px;z-index:100}.skip:focus{top:10px}.status-note{font:11px var(--mono);color:var(--muted);margin-top:25px}.detail-page{max-width:960px;margin:auto}.detail-page h2{font-size:38px;margin:35px 0 20px}.detail-page p{max-width:730px}.notice{border-left:2px solid var(--accent);padding:15px 20px;background:#172130;margin-top:30px}.mobile-steps{display:none}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:16px}nav a:last-child{margin-left:0}.hero-body{gap:3%}.node{padding:8px}.lab-layout{grid-template-columns:1fr 250px}.lab-map .node{min-width:95px;padding:12px;font-size:10px}.mini-flow{gap:8px}.mini-flow span{padding:10px 8px}}@media(max-width:760px){header{height:76px}#menu{display:block;border:0;font-size:13px}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 6%;background:#151b24;z-index:50;flex-direction:column;gap:13px}nav.open{display:flex}.hero{padding:35px 6% 0}.hero-top .meta{display:none}.hero h1{font-size:23vw;margin-top:15px}.hero-body{grid-template-columns:1fr}.hero-copy h2{font-size:33px;max-width:460px}.hero-copy p{font-size:14px}.hero-network{margin-top:10px}.hero-network .diagram{height:270px}.role{margin-top:15px;align-items:start;flex-direction:column;gap:8px}.wrap{padding:65px 6%}.split,.work-grid,.lab-teaser,.lab-explain{grid-template-columns:1fr;gap:35px}.intro .lead{font-size:20px}.intro-bottom{gap:20px;margin-top:35px;flex-wrap:wrap}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:20px}.work-card:nth-child(2){padding-top:0}.work-visual{height:250px}.work-list a{grid-template-columns:25px 1fr 15px}.work-list a .meta{display:none}.timeline summary{grid-template-columns:1fr 20px;gap:10px}.timeline .date{grid-column:1/3}.timeline summary h3{font-size:25px}.timeline-body{margin-left:0;font-size:14px;padding-right:0}.expertise-grid{grid-template-columns:1fr 1fr;gap:0 20px}.lab-teaser-graphic{margin:10px}.contact-block .split{gap:20px}footer{flex-wrap:wrap}footer p{display:none}footer small{max-width:210px}.page-title h1{font-size:52px}.portrait{max-width:420px;width:100%}.portrait strong{font-size:170px}.scenario-tabs{grid-template-columns:1fr 1fr}.scenario-tabs button{border-bottom:1px solid var(--line);padding:13px}.lab-layout{grid-template-columns:1fr}.lab-info{border-left:0;border-top:1px solid var(--line)}.lab-map{display:none}.mobile-steps{display:grid;gap:10px;margin:25px 0}.mobile-steps button{text-align:left;padding:12px 15px;font-size:13px}.mobile-steps button.active{border-color:var(--accent);background:#23334d}.mobile-steps small{font:10px var(--mono);margin-right:15px;color:var(--accent)}.legend{gap:10px;flex-wrap:wrap}.lab-toolbar .meta{max-width:150px;line-height:1.6}.lab-info .button{max-width:300px}.lab-explain{gap:15px}.hero .eyebrow{font-size:9px}.actions{gap:22px}.button{gap:20px}.prose h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.edge,.pulse{vector-effect:non-scaling-stroke}.work-list h3{font-size:clamp(20px,2.4vw,30px)}
@media(max-width:760px){.hero-network .node{font-size:9px;padding:9px 6px}#pause{display:none}}
