@import url('./experience.css?v=20261113');
:root{--paper:#0d1212;--ink:#eff1e9;--muted:#aab3ad;--line:#303b36;--blue:#ff9469;--dark:#080c0b;background:var(--paper);color-scheme:dark}
.top{height:88px}.brand{letter-spacing:-1px}.top nav a{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.top .lang{border-color:#66726b}.brand span{color:var(--blue)}
.hero{min-height:790px;display:block;padding-top:94px;overflow:hidden}.hero-copy{max-width:620px;pointer-events:none}.hero-copy .eyebrow{color:var(--blue)}.hero h1{font-size:clamp(64px,6.7vw,108px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:32px 0}.hero h1 span{color:#98aaa0}.intro{font-size:17px;line-height:1.65;max-width:380px}.link-button{background:var(--blue);color:#101715;border:1px solid var(--blue);border-radius:4px;padding:17px 23px;gap:40px}.link-button:hover{background:#ffc4a8;color:#101715}.hero .scene{position:absolute;right:-40px;top:10px;width:65%;height:700px;margin:0;z-index:0}.hero .scene:before{content:'';position:absolute;z-index:2;left:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,var(--paper),transparent);pointer-events:none}.scene-label{left:24%;right:10%;bottom:0;color:#aab3ad;font-size:9px;z-index:4}.motion{color:#aab3ad;border-color:#657369;min-height:40px}.hero-bottom{bottom:25px;z-index:3;font-size:10px;color:#9da99f}.hero-bottom .signal{color:var(--blue)}.node-label{position:absolute;z-index:3;left:0;top:0;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #5b6b60;background:#121b17e8;color:#dce5dd;padding:8px 12px;text-align:left;min-width:118px;backdrop-filter:blur(8px)}.node-label .mono{font-size:8px;letter-spacing:.1em;display:block;color:#9eafa1}.node-label b{display:block;font-size:12px;letter-spacing:-.02em;font-weight:500;margin-top:4px}.node-label[aria-pressed=true]{border-color:var(--blue);color:#ffb18d}.node-label[aria-pressed=true] .mono{color:#ffb18d}.scene[data-renderer=fallback] .node-label{display:none}.scene[data-renderer=fallback] .fallback{opacity:1}.fallback{inset:18% 8%;transform:rotate(-9deg);perspective:none}.fallback svg{width:100%;height:100%;overflow:visible}.fallback i{display:none}.scene[data-renderer=webgl] .fallback{visibility:hidden}.system-id{font:10px/1.8 var(--mono);color:#9eafa1;display:flex;gap:18px;align-items:center;margin-top:36px}.system-id:before{content:'';width:20px;height:20px;background:repeating-linear-gradient(90deg,#ff9469 0 2px,transparent 2px 5px)}
.statement{grid-template-columns:.7fr 2fr;padding-block:85px}.statement h2{font-size:clamp(34px,4.3vw,65px);max-width:950px}.statement h2 span{color:#99aaa0}.statement p{max-width:720px}.workflow{border-block:1px solid var(--line);background:#101916}.workflow .section-top h2{max-width:800px}.step:before{background:var(--blue)}.step[aria-pressed=true]{color:#ffc0a0}.step strong{font-size:26px}.steps,.step{border-color:#3b4a40}.workflow-detail p,.section-top .mono,.notice{color:#aabbb0}.trace{border-color:var(--blue);background:#0c120f;padding:24px;color:#b6c8bb;min-height:132px}.notice{border-color:#3b4a40}.interface{padding-block:90px;background:#e6e9df;color:#18221b;--muted:#4c5f50;--line:#aeb8aa}.interface .section-top{margin-bottom:42px}.interface .section-top .mono{color:#4c5f50;max-width:330px}.interface .section-top h2{font-size:clamp(38px,5vw,70px)}.interface figure{margin:0}.interface .screen{border:1px solid #727e71;border-radius:8px;overflow:hidden;background:#080b09;box-shadow:0 30px 60px #1a241b20}.screen-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#18221b;color:#dae4d6;font:10px var(--mono);gap:20px}.screen-bar b{font-weight:400;color:#ffb18d}.interface img{display:block;width:100%;height:auto}.interface figcaption{font:11px/1.8 var(--mono);color:#4c5f50;max-width:1000px;margin-top:24px}.interface figcaption a{color:inherit}.evidence{padding-top:100px}.evidence .section-top .mono{color:#9eafa1}.evidence-row{border-color:var(--line)}.evidence-row .value{color:#ffb18d}.evidence-row h3{color:#eff1e9}.limits{border-color:var(--line)}.limits h2{color:#eff1e9}.archive a{color:#ffb18d}.outro{background:#b9c5ae;color:#172119}.outro h2{max-width:720px}.outro .link-button{background:#172119;color:#e8eddf;border-color:#172119}.outro .link-button:hover{background:#34442f;color:white}.wordmark{font-weight:500;letter-spacing:-.085em}.foot{border-color:#778b6f}.foot a{color:#172119}.skip{color:#eff1e9;background:#172119}
.hero h1{font-size:clamp(60px,5vw,80px)}
@media(min-width:1700px){.hero .scene{right:0;width:64%;height:760px}.hero{min-height:860px}}@media(max-width:1100px){.hero h1{font-size:64px}.hero .scene{right:-130px;width:75%}.hero-copy{max-width:520px}.hero .intro{max-width:300px}.scene-label{right:20%}.node-label{min-width:100px;padding:7px 9px}.node-label b{font-size:11px}}@media(max-width:800px){.hero{padding-top:60px;min-height:960px}.hero-copy{max-width:640px}.hero h1{font-size:68px;max-width:620px}.hero .intro{max-width:440px}.hero .scene{top:390px;right:-40px;width:100%;height:490px}.hero .scene:before{display:none}.scene-label{left:8%;right:12%}.system-id{margin-top:24px}.statement{grid-template-columns:1fr;gap:25px}.interface{padding-block:60px}}@media(max-width:620px){.hero{min-height:1070px;padding-top:42px;overflow:hidden}.hero h1{font-size:56px;max-width:340px;margin:26px 0}.hero .intro{max-width:320px;font-size:15px}.hero .scene{top:520px;width:calc(100% + 50px);right:-25px;height:430px}.hero .scene-label{left:40px;right:40px;bottom:-20px;gap:12px}.scene-label span{max-width:155px}.hero-bottom{bottom:25px;font-size:9px}.hero .link-button{margin-top:22px}.node-label{padding:6px 8px;min-width:84px}.node-label b{font-size:10px}.node-label .mono{font-size:7px}.system-id{font-size:9px;gap:12px}.hero-copy .eyebrow{font-size:9px}.top nav{gap:18px}.top nav a{font-size:9px}.statement{padding-block:55px}.statement h2{font-size:37px}.interface .section-top h2{font-size:43px}.screen-bar{font-size:8px;padding:12px}.screen-bar span{max-width:160px}.interface .screen{overflow:auto;scrollbar-color:#677960 #18221b}.interface img{min-width:760px}.interface figcaption{font-size:10px}.workflow-detail{min-height:400px}.trace{padding:18px;font-size:10px}.outro h2{font-size:38px}}

/* Brain: one sculptural object, with quiet controls outside its silhouette. */
.workflow{color:var(--ink)}
.scene:not([data-renderer=webgl]) .node-label,.scene:not([data-renderer=webgl]) .motion{display:none}
.hero-copy{pointer-events:none}.hero-copy>p,.hero-copy>h1,.hero-copy>.system-id{pointer-events:auto}
.screen:focus-visible{outline:3px solid #ff9469;outline-offset:5px}
.hero .scene{right:-24px;top:0;width:62%;height:704px}
.node-label{transform:none;min-width:116px;background:transparent;border:0;border-left:1px solid #657369;padding:8px 12px;backdrop-filter:none}
.node-label:nth-of-type(1){left:15%;top:14%}.node-label:nth-of-type(2){left:auto;right:7%;top:22%}.node-label:nth-of-type(3){left:10%;top:70%}.node-label:nth-of-type(4){left:auto;right:7%;top:73%}
.node-label[aria-pressed=true]{border-color:var(--blue)}.scene-label{left:14%;right:10%;bottom:0}.fallback{inset:10% 12%;transform:none}
@media(max-width:1100px) and (min-width:801px){.hero .scene{right:-72px;width:66%}.hero h1{font-size:60px}.node-label{min-width:96px}.node-label:nth-of-type(1){left:15%;top:18%}.node-label:nth-of-type(3){left:10%;top:68%}}
@media(max-width:800px){.hero .scene{top:370px;right:0;width:100%;height:500px}.node-label:nth-of-type(1){left:12%;top:12%}.node-label:nth-of-type(2){right:8%;top:18%}.node-label:nth-of-type(3){left:10%;top:75%}.node-label:nth-of-type(4){right:8%;top:78%}}
@media(max-width:620px){.hero .scene{top:500px;right:0;width:100%;height:450px}.node-label{min-width:80px;padding:6px 8px}.node-label:nth-of-type(1){left:6%;top:9%}.node-label:nth-of-type(2){right:4%;top:16%}.node-label:nth-of-type(3){left:6%;top:76%}.node-label:nth-of-type(4){right:4%;top:81%}.hero .scene-label{left:24px;right:24px;bottom:-32px}.fallback{inset:10% 8%}}
@media(max-width:800px){.hero{display:block;min-height:0;padding-bottom:144px}.hero .scene{position:relative;top:auto;right:auto;width:calc(100% + 48px);height:500px;margin:32px -24px 0}.hero .scene-label{bottom:0}}
@media(max-width:620px){.hero h1{font-size:46px;max-width:none;letter-spacing:-.06em}.hero .scene{height:450px;margin-top:24px}.hero .scene-label{bottom:-16px}.system-id{margin-top:24px}.node-label{min-height:44px}.hero-bottom{bottom:24px}.hero .intro{max-width:none}}