@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&display=swap');
:root{color-scheme:dark;--bg:#080b10;--surface:#10151d;--raised:#171e28;--text:#f1f3f3;--muted:#a0acbc;--line:#29323e;--blue:#9dc6ff;--accent:#e9f76b;--amber:#ffc067;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif;--ease:cubic-bezier(.2,.7,.1,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 var(--sans);overflow-x:clip}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#080b10}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.02;letter-spacing:-.055em;font-weight:500}h2{font-size:clamp(46px,6.2vw,88px)}h3{font-size:36px}p{color:var(--muted)}[hidden]{display:none!important}.section-wrap{width:min(1280px,calc(100% - 112px));margin:auto}.eyebrow{font:11px/1.6 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#080b10;padding:12px}.skip:focus{top:15px}.nav{position:fixed;inset:0 0 auto;z-index:30;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4vw;transition:height .25s var(--ease),background-color .25s,border-color .25s;border-bottom:1px solid transparent}.nav.scrolled{height:76px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}.identity{display:flex;align-items:center;gap:16px;font:10px/1.5 var(--mono);letter-spacing:.1em}.identity-mark{font:600 43px/.8 var(--sans);letter-spacing:-.12em}.identity-mark>span{color:var(--blue)}.identity-role{display:block;color:var(--muted);font-size:8px;letter-spacing:.09em;margin-top:5px}.nav nav{display:flex;gap:28px;font-size:13px}.nav nav a{color:var(--muted);transition:color .15s}.nav nav a:hover{color:var(--text)}.utilities{display:flex;align-items:center;gap:22px}.utilities>button:first-child{font:10px var(--mono);color:var(--muted);padding:8px 0}.utilities>button:nth-child(2){font-size:23px}.nav-contact{font-size:13px}.nav-contact span{padding-left:20px}.voyage{height:380svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;background:var(--bg)}#system-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 65%),linear-gradient(0deg,var(--bg),transparent 16%);pointer-events:none;opacity:.5}.scene-copy{position:absolute;left:8.4%;top:22%;max-width:580px;z-index:2;will-change:transform,opacity}.scene-copy:not(:first-of-type){opacity:0}.scene-copy-0{opacity:1!important}.js-motion .scene-copy-0{opacity:var(--copy-opacity,1)!important}.scene-copy .eyebrow{margin-bottom:26px;color:var(--text);font-size:10px;letter-spacing:.12em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2dfbf;margin-right:8px;box-shadow:0 0 12px #b2dfbf40}.scene-copy h1{font-size:clamp(68px,7.5vw,118px);line-height:.98;font-weight:500;letter-spacing:-.07em}.outlined{-webkit-text-stroke:1px var(--text);color:transparent}.scene-copy h2{font-size:clamp(54px,6.4vw,96px)}.scene-copy .intro{font-size:17px;line-height:1.65;margin-top:26px;color:var(--muted)}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 23px;background:var(--accent);color:#141709;font-size:13px;font-weight:600;border-radius:3px;transition:transform .2s var(--ease),background-color .2s}.cta:hover:not(:disabled){transform:translateY(-3px);background:#f4ffa6}.scene-copy .cta{margin-top:28px}.hero-caption{font-size:11px;line-height:1.8;margin-top:25px}.hero-caption span{color:var(--muted)}.scene-note{margin-top:32px;border-left:1px solid var(--blue);padding-left:18px}.scene-note>span{font:10px var(--mono);color:var(--blue);letter-spacing:.1em}.scene-note p{font-size:15px;margin-top:10px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}.scene-copy .text-link{margin-top:26px}.scene-label{position:absolute;right:9%;bottom:20%;display:flex;flex-direction:column;gap:6px;font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.scene-label>span:first-child{color:var(--blue)}.scene-label>span:last-child{font-size:8px}.scene-label-line{width:140px;height:1px;background:var(--line);margin:8px 0}.journey-rail{position:absolute;right:3.5%;top:44%;display:flex;flex-direction:column;gap:8px}.journey-rail button{padding:8px 0;display:flex;align-items:center;gap:10px;font:9px var(--mono);color:var(--muted)}.journey-rail button:before{content:'';width:13px;height:1px;background:var(--line);transition:width .25s,background-color .25s}.journey-rail button.active{color:var(--text)}.journey-rail button.active:before{width:30px;background:var(--blue)}.stage-bottom{position:absolute;bottom:27px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:end;font:8px/1.7 var(--mono);letter-spacing:.08em;color:var(--muted)}.scroll-instruction{display:flex;align-items:center;gap:20px}.scroll-instruction i{font-style:normal;font-size:21px;color:var(--text)}#scene-progress{font-size:10px}.manifesto{padding-top:130px;padding-bottom:130px}.manifesto>.eyebrow{margin-bottom:45px}.manifesto h2{font-size:clamp(48px,7.3vw,100px);max-width:1000px}.manifesto h2 span{color:var(--muted)}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:70px;margin:55px 0 70px}.manifesto-bottom p{max-width:540px;font-size:19px}.manifesto-bottom a{flex-shrink:0}.career-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;font-size:17px;font-weight:500}.career-strip i{font-style:normal;color:#627084}.experience{padding:70px 0 120px}.section-heading{margin-bottom:60px}.section-heading>.eyebrow{margin-bottom:28px}.section-heading>p:last-child:not(.eyebrow){margin-top:28px;font-size:17px}.experience-list{border-top:1px solid var(--line)}.career-item{border-bottom:1px solid var(--line)}.career-item summary{display:flex;align-items:center;gap:27px;padding:32px 0;list-style:none;cursor:pointer}.career-item summary::-webkit-details-marker{display:none}.career-index{font:10px var(--mono);color:var(--muted)}.company-logo{width:64px;height:55px;background:#f5f5f5;display:flex;justify-content:center;align-items:center;border-radius:4px;padding:8px}.company-logo img{width:100%;max-height:100%;object-fit:contain}.company-heading{display:flex;flex-direction:column;gap:3px}.company-heading strong{font-size:23px;font-weight:500;letter-spacing:-.035em}.company-heading>span{font-size:13px;color:var(--muted)}.career-date{margin-left:auto;font:10px var(--mono);color:var(--muted)}.expand{font-size:26px;font-weight:400;margin-left:15px;transition:transform .25s}.career-item[open] .expand{transform:rotate(45deg)}.career-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:18px 0 50px 118px;animation:content-in .3s var(--ease)}.career-content h3{font-size:33px;line-height:1.1}.career-content p{font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags>span{font:9px/1.4 var(--mono);border:1px solid var(--line);padding:7px 9px;color:var(--muted);border-radius:2px}.lab-section{padding:110px 0 100px;background:var(--surface);border-block:1px solid var(--line)}.lab-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.lab-heading>p{font-size:17px}.incident-console{border:1px solid var(--line);border-radius:7px;background:var(--bg);overflow:hidden}.console-top{display:flex;align-items:center;justify-content:space-between;padding:20px 27px;border-bottom:1px solid var(--line);font:10px var(--mono);letter-spacing:.03em}.console-top button{font:11px var(--mono);color:var(--muted)}.lab-grid{display:grid;grid-template-columns:.8fr 1.5fr}.lab-controls{border-right:1px solid var(--line);padding:28px}.lab-controls>.eyebrow{margin-bottom:25px}.lab-controls>button{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:20px 16px;border:1px solid var(--line);margin-top:12px;border-radius:3px;transition:border-color .2s,background-color .2s}.lab-controls>button[aria-pressed=true]{border-color:var(--blue);background:var(--raised)}.lab-controls>button>span{font-size:25px;color:var(--blue)}.lab-controls>button strong{font-weight:500;font-size:14px}.lab-controls>button small{display:block;color:var(--muted);font-size:11px;margin-top:5px;font-weight:400}.lab-controls>button>i{font-style:normal;margin-left:auto;color:var(--muted)}.lab-metric{margin-top:40px}.lab-metric>strong{display:block;font-size:66px;line-height:1;letter-spacing:-.07em;font-weight:450}.lab-metric>strong span{font-size:22px;margin-left:8px;color:var(--muted);letter-spacing:-.03em}.lab-metric>span{font:9px var(--mono);color:var(--muted)}.lab-map{padding:28px;min-width:0}.lab-map svg{width:100%;height:260px;display:block;color:var(--blue)}.map-lines path{fill:none;stroke:var(--line);stroke-width:1.5}.map-lines .signal-path{stroke:var(--blue);stroke-dasharray:5 20;animation:traffic 2s linear infinite}.system-node rect{fill:var(--surface);stroke:var(--line)}.system-node text{fill:var(--text);font:11px var(--mono);text-anchor:middle;letter-spacing:.05em}.system-node .health{fill:var(--muted);font-size:6px}.system-node circle{fill:#b2dfbf}.system-node.degraded rect{stroke:var(--amber);fill:#ffc0670a}.system-node.degraded circle{fill:var(--amber)}.system-node.degraded .health{fill:var(--amber)}.ai-map circle{fill:var(--surface);stroke:var(--blue)}.ai-map text{font:12px var(--mono);text-anchor:middle;fill:var(--blue)}#lab-impact{font-size:13px;min-height:45px}.evidence-tabs{display:flex;gap:24px;margin-top:15px;border-bottom:1px solid var(--line)}.evidence-tabs button{font-size:11px;padding:8px 0;color:var(--muted);border-bottom:1px solid transparent}.evidence-tabs button[aria-pressed=true]{color:var(--blue);border-color:var(--blue)}pre{font:11px/1.8 var(--mono);color:var(--muted);white-space:pre-wrap;overflow:auto;max-height:160px;min-height:85px;margin-bottom:0;overflow-wrap:anywhere}.decision-bar{padding:26px 28px;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line)}.decision-bar p{font-size:13px;margin-top:7px}.decision-bar .cta{flex-shrink:0}.recovery{padding:36px 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px}.recovery h3{font-size:29px;margin:15px 0}.recovery p{font-size:13px}.recovery fieldset{padding:0;border:0;margin:25px 0 0}.recovery legend{font:10px var(--mono);margin-bottom:12px}.recovery fieldset label{display:flex;align-items:start;gap:10px;font-size:13px;padding:12px;border:1px solid var(--line);margin-top:7px;border-radius:3px;cursor:pointer}.recovery input{accent-color:var(--blue);flex-shrink:0}.safety-gate{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.outline-button{border:1px solid var(--line);padding:12px 17px;font-size:12px;border-radius:3px}.safety-gate>p{padding:20px 0;min-height:100px}.acknowledgment{display:flex;align-items:start;gap:10px;font-size:12px;color:var(--muted);margin-bottom:22px}.debrief{border-top:1px solid var(--line);padding:45px 28px;background:#b2dfbf06}.debrief h3{margin:20px 0}.debrief>p:last-child{max-width:700px;font-size:16px}.console-foot{display:flex;justify-content:space-between;gap:20px;padding:16px 27px;border-top:1px solid var(--line);font:8px var(--mono);color:var(--muted)}.lab-disclaimer{font-size:11px;max-width:800px;margin-top:20px}.project-section{height:350svh;position:relative}.project-pin{position:sticky;top:0;min-height:760px;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:100px 0 35px}.project-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.project-heading h2{font-size:clamp(46px,5vw,70px);margin-top:20px}.project-heading>div:last-child{text-align:right}.project-heading>div:last-child>p{font-size:14px}.project-scroll-hint{font:8px var(--mono);color:var(--muted);letter-spacing:.1em}.project-controls{display:flex;align-items:center;justify-content:end;gap:15px;margin-top:16px}.project-controls button{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:14px}.project-controls>span{font:9px var(--mono);color:var(--muted)}.project-viewport{overflow:hidden;flex-shrink:0}.project-track{display:flex;gap:24px;padding:0 max(56px,calc((100vw - 1280px)/2));width:max-content;will-change:transform}.project-card{width:480px;max-width:calc(100vw - 60px);background:var(--surface);border:1px solid var(--line);border-radius:5px;overflow:hidden}.project-art{height:225px;position:relative;display:flex;justify-content:center;align-items:center;background-color:#101a28;overflow:hidden;border-bottom:1px solid var(--line)}.project-info{padding:25px 28px}.project-info h3{font-size:29px;margin:10px 0 15px}.project-info>p:not(.eyebrow){font-size:14px;max-width:380px;min-height:46px}.project-links{display:flex;justify-content:space-between;margin-top:25px;font-size:12px}.project-links a{border-bottom:1px solid var(--line);padding-bottom:5px}.project-links a:hover{color:var(--blue)}.art-label{position:absolute;bottom:17px;left:22px;font:8px var(--mono);letter-spacing:.15em;color:#9eb0c9}.art-orbit{position:absolute;width:250px;height:120px;border:1px solid #7ca4d755;border-radius:50%;transform:rotate(-30deg)}.art-orbit:before,.art-orbit:after{content:'';position:absolute;inset:-20px;border:1px solid #7ca4d733;border-radius:50%;transform:rotate(60deg)}.art-orbit:after{transform:rotate(-60deg)}.art-core{font-size:64px;line-height:1;color:#d2e5ff;text-shadow:0 0 45px #5599ff88}.art-point{position:absolute;width:5px;height:5px;border-radius:50%;background:#c7dfff;box-shadow:0 0 15px #7eb6ff}.point-a{top:58px;left:125px}.point-b{top:125px;right:100px}.point-c{top:55px;right:160px}.hex{font-size:100px;color:#9bbce6;line-height:1;position:absolute;left:55px;top:35px}.art-code{position:absolute;right:35px;top:55px;color:#aebacf;font:12px/2 var(--mono)}.loop-symbol{font:180px/.5 var(--sans);color:transparent;-webkit-text-stroke:1px #9bbce6;transform:rotate(-15deg);margin-top:-20px}.gateway-bars{display:flex;gap:12px;height:130px;align-items:center}.gateway-bars i{width:13px;background:#9bbce6;border-radius:2px;opacity:.65;height:40%}.gateway-bars i:nth-child(3n){height:85%;opacity:1}.gateway-bars i:nth-child(2n){height:60%}.blueprint-grid{display:grid;grid-template-columns:repeat(2,90px);gap:9px;transform:rotate(-15deg) skew(10deg);margin-bottom:20px}.blueprint-grid span{border:1px solid #7298c7;display:block;padding:12px;font:12px var(--mono);color:#9bbce6}.project-meter{height:1px;background:var(--line);width:min(1280px,calc(100% - 112px));margin:34px auto 0}.project-meter>span{height:1px;background:var(--blue);width:100%;transform:scaleX(.2);transform-origin:left;display:block}.principles{padding:130px 0}.principles>.eyebrow{margin-bottom:55px}.principle{display:grid;grid-template-columns:50px 1.1fr 1fr;gap:45px;padding:40px 0;border-top:1px solid var(--line)}.principle>span{font:10px var(--mono);color:var(--muted);padding-top:5px}.principle h3{font-size:33px;line-height:1.1}.principle p{font-size:16px;max-width:440px}.terminal-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:70px 0 150px}.terminal-section h2{font-size:70px;margin:22px 0}.terminal-section>div>p:last-child{font-size:15px}.terminal{align-self:center;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--surface);font:12px/1.8 var(--mono)}.terminal-chrome{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.terminal-chrome>span:first-child{letter-spacing:.2em;font-size:7px}#terminal-output{height:210px;overflow:auto;padding:25px;white-space:pre-wrap;overflow-wrap:anywhere}#terminal-output p{margin-bottom:18px;font:12px/1.8 var(--mono)}#terminal-output p>span{color:var(--blue)}#terminal-form{display:flex;gap:13px;padding:14px 23px;border-top:1px solid var(--line);align-items:center}#terminal-form>label{color:var(--blue)}#terminal-input{background:transparent;border:0;color:var(--text);width:100%;min-width:0;font:12px var(--mono);outline-offset:2px}.terminal-shortcuts{display:flex;gap:18px;padding:0 23px 18px}.terminal-shortcuts button{font:9px var(--mono);color:var(--muted);padding:5px 0}.contact{position:relative;text-align:center;padding:120px 0 140px;overflow:hidden}.contact h2{font-size:clamp(70px,11vw,152px);margin:35px 0 40px}.contact>.eyebrow{font-size:9px}.contact .cta{position:relative;z-index:1}.email-link{display:block;font-size:12px;color:var(--muted);margin-top:22px}.contact-orbit{position:absolute;left:50%;top:43%;width:75%;height:55%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg);z-index:-1}.contact-orbit:before{content:'';position:absolute;inset:-25px;border:1px solid var(--line);border-radius:50%;opacity:.4}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0;font:8px var(--mono);letter-spacing:.04em}footer>a>span{margin-left:15px;color:var(--muted)}footer>span{color:var(--muted)}footer>div{display:flex;gap:23px}.js-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.motion-paused .signal-path{animation-play-state:paused}.static-journey.voyage{height:auto}.static-journey .stage{height:auto;min-height:0;padding:150px 8% 60px}.static-journey #system-scene{height:650px;opacity:.5}.static-journey .scene-copy{position:relative;left:auto;top:auto;opacity:1!important;transform:none!important;margin-bottom:100px;max-width:650px}.static-journey .scene-copy-0{margin-bottom:150px}.static-journey .journey-rail,.static-journey .stage-bottom,.static-journey .scene-label{display:none}.static-projects.project-section{height:auto}.static-projects .project-pin{position:relative;height:auto;padding-block:100px;min-height:0}.static-projects .project-viewport{overflow-x:auto;scroll-snap-type:x mandatory}.static-projects .project-card{scroll-snap-align:center}.static-projects .project-track{transform:none!important}.static-projects .project-scroll-hint{display:none}.static-projects .project-meter{display:none}
[data-theme=light]{color-scheme:light;--bg:#eaf0f6;--surface:#f5f8fc;--raised:#dfe8f2;--text:#182633;--muted:#536477;--line:#c3d0de;--blue:#2a5f9b;--accent:#dce957}.project-art{color-scheme:dark}.js-motion .scene-copy{transition:visibility 0s}body:not(.js-motion) .scene-copy-1,body:not(.js-motion) .scene-copy-2{display:none}body:not(.js-motion) .voyage{height:100svh}body:not(.js-motion) .project-section{height:auto}body:not(.js-motion) .project-pin{position:relative;height:auto}body:not(.js-motion) .project-viewport{overflow:auto}
@keyframes traffic{to{stroke-dashoffset:-100}}@keyframes content-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.scene-copy{left:max(8.4%,calc((100vw - 1400px)/2))}}@media(max-height:780px) and (min-width:801px){.stage{min-height:600px}.scene-copy{top:19%}.scene-copy h1{font-size:84px}.scene-copy h2{font-size:70px}.scene-copy .intro{font-size:15px;margin-top:20px}.hero-caption{margin-top:18px}.scene-copy .eyebrow{margin-bottom:20px}.project-pin{min-height:650px;padding-top:90px}.project-heading{margin-bottom:23px}.project-heading h2{font-size:50px}.project-art{height:165px}.project-info{padding:20px 25px}.project-info h3{font-size:26px}.project-links{margin-top:18px}.project-meter{margin-top:25px}}
@media(max-width:1000px){.nav nav{gap:16px}.identity-role{display:none}.utilities{gap:14px}.utilities>button:first-child{font-size:8px}.section-wrap{width:calc(100% - 70px)}.scene-copy{left:6%;max-width:480px}.scene-copy h1{font-size:82px}.scene-copy h2{font-size:70px}.hero-caption{max-width:300px}.scene-label{right:9%;font-size:8px}.career-content{gap:35px;padding-left:0}.career-item summary{gap:18px}.lab-controls{padding:23px 18px}.lab-map{padding:23px 18px}.lab-controls>button{gap:12px;padding:16px 12px}.lab-controls>button small{font-size:10px}.lab-controls>button strong{font-size:12px}.lab-heading>p{font-size:15px}.manifesto-bottom{gap:40px}.terminal-section{gap:35px}.terminal-chrome{font-size:8px}.terminal-chrome>span:last-child{display:none}.project-track{padding-inline:35px}.project-meter{width:calc(100% - 70px)}footer>span{display:none}}
@media(max-width:700px){html{scroll-padding-top:85px}.nav{height:78px;padding:0 22px}.nav.scrolled{height:66px}.identity{gap:10px;font-size:8px}.identity-mark{font-size:34px}.nav nav{display:none}.utilities{gap:15px}.utilities>button:first-child{font-size:8px;max-width:45px;line-height:1.5}.nav-contact{font-size:11px}.nav-contact span{padding-left:8px}.utilities>button:nth-child(2){font-size:20px}.section-wrap{width:calc(100% - 44px)}.voyage{height:300svh}.stage{min-height:680px}.scene-vignette{background:linear-gradient(180deg,var(--bg),transparent 50%,var(--bg));opacity:.6}.scene-copy{top:18%;left:7%;right:7%;max-width:none}.scene-copy h1{font-size:clamp(62px,12.5vw,84px);line-height:.98}.scene-copy h1 br:nth-child(2){display:none}.scene-copy h1 .outlined:before{content:' '}.scene-copy h2{font-size:clamp(48px,10vw,70px)}.scene-copy .eyebrow{font-size:8px;margin-bottom:20px}.scene-copy .intro{font-size:14px;margin-top:20px}.scene-copy .cta{margin-top:22px}.hero-caption{font-size:9px;margin-top:20px}.scene-copy-1,.scene-copy-2{top:18%}.scene-note{margin-top:20px}.scene-note p{font-size:12px}.scene-note>span{font-size:8px}.scene-label{bottom:13%;right:7%;font-size:7px}.scene-label-line{width:110px}.scene-label>span:last-child{font-size:6px}.journey-rail{top:70%;right:6%;gap:1px}.journey-rail button{font-size:7px}.journey-rail button.active:before{width:20px}.stage-bottom{left:22px;right:22px;bottom:18px;font-size:6px}.stage-bottom>span:first-child{display:none}.scroll-instruction{gap:10px}.scroll-instruction i{font-size:18px}#scene-progress{font-size:8px}.manifesto{padding:80px 0}.manifesto h2{font-size:46px}.manifesto-bottom{display:block;margin:30px 0 40px}.manifesto-bottom p{font-size:16px}.manifesto-bottom a{margin-top:20px;font-size:12px}.career-strip{flex-wrap:wrap;gap:15px;font-size:12px;justify-content:center;padding:22px 5px}.career-strip i{font-size:10px}.experience{padding:30px 0 80px}.section-heading{margin-bottom:35px}.section-heading>.eyebrow{font-size:9px;margin-bottom:22px}.section-heading h2{font-size:45px}.section-heading>p:last-child:not(.eyebrow){font-size:14px;margin-top:20px}.career-item summary{padding:25px 0;gap:13px;flex-wrap:wrap}.career-index{display:none}.company-logo{width:46px;height:43px;padding:6px}.company-heading strong{font-size:19px}.company-heading>span{font-size:11px}.career-date{font-size:8px;width:100%;order:4;margin:0 0 0 59px;line-height:1}.expand{margin-left:auto;font-size:23px}.career-content{display:block;padding:5px 0 30px}.career-content h3{font-size:29px;margin-bottom:23px}.career-content p{font-size:14px}.tags{gap:6px;margin-top:18px}.tags>span{font-size:8px}.lab-section{padding:75px 0 60px}.lab-heading{display:block}.lab-heading>p{margin-top:24px;font-size:14px}.console-top{padding:18px 15px;font-size:8px}.console-top button{font-size:9px}.lab-grid{display:block}.lab-controls{padding:23px 16px;border-right:0;border-bottom:1px solid var(--line)}.lab-controls>.eyebrow{font-size:9px;margin-bottom:17px}.lab-controls>button{padding:15px 12px;margin-top:8px}.lab-controls>button strong{font-size:13px}.lab-controls>button small{font-size:11px}.lab-metric{margin-top:27px}.lab-metric>strong{font-size:50px}.lab-metric>span{font-size:8px}.lab-map{padding:23px 16px}.lab-map>.eyebrow{font-size:9px}.lab-map svg{height:210px}.decision-bar{padding:23px 16px;display:block}.decision-bar p{font-size:12px}.decision-bar .cta{margin-top:20px;width:100%}.recovery{display:block;padding:25px 16px}.recovery h3{font-size:25px}.safety-gate{margin-top:25px;padding:18px}.safety-gate .cta{width:100%;font-size:12px}.console-foot{font-size:6px;padding:16px;flex-wrap:wrap;gap:9px}.lab-disclaimer{font-size:10px}.project-section{height:auto}.project-pin{position:relative;height:auto;min-height:0;padding:80px 0}.project-heading{display:block;margin-bottom:28px}.project-heading h2{font-size:49px;margin-top:20px}.project-heading>div:last-child{text-align:left;margin-top:25px}.project-controls{justify-content:start}.project-scroll-hint{display:none}.project-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.project-track{padding-inline:22px;gap:16px;transform:none!important}.project-card{width:calc(100vw - 68px);scroll-snap-align:center}.project-art{height:195px}.project-info{padding:23px}.project-info h3{font-size:27px}.project-info>.eyebrow{font-size:8px}.project-info>p:not(.eyebrow){font-size:13px;min-height:64px}.project-links{font-size:11px}.project-meter{display:none}.hex{left:32px;font-size:85px;top:40px}.art-code{right:20px;font-size:10px;top:55px}.principles{padding:30px 0 60px}.principles>.eyebrow{font-size:9px;margin-bottom:32px}.principle{grid-template-columns:22px 1fr;gap:17px;padding:30px 0}.principle h3{font-size:29px}.principle>p{grid-column:2;font-size:14px}.terminal-section{display:block;padding:30px 0 70px}.terminal-section h2{font-size:55px}.terminal-section>div>p:last-child{font-size:13px}.terminal{margin-top:30px}.terminal-chrome{padding:15px}.terminal-chrome>span:nth-child(2){font-size:9px}#terminal-output{padding:20px;height:200px}#terminal-output p{font-size:11px}.contact{padding:80px 0}.contact>.eyebrow{font-size:7px}.contact h2{font-size:70px;margin:30px 0}.contact-orbit{width:100%;height:45%}.email-link{font-size:11px}footer{flex-direction:column;align-items:start;font-size:8px;padding:30px 0;gap:20px}footer>div{gap:25px}.static-journey .stage{padding:125px 7% 20px}.static-journey .scene-copy{margin-bottom:85px}.static-journey .scene-copy-0{margin-bottom:100px}.static-journey #system-scene{height:750px;opacity:.3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

@media(min-width:701px){#projects{scroll-margin-top:-100px}}
/* Relative static chapters must clear the mobile cinematic right offset. */
.static-journey .scene-copy{right:auto}
/* Revised hero: a spatial sculpture with a camera passage, instead of exploded panels. */
.scene-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 43%,#19365430 0%,#12284412 29%,transparent 65%),radial-gradient(ellipse at 90% 90%,#1b375f18,transparent 60%)}
.scene-vignette{opacity:.7;background:linear-gradient(90deg,var(--bg) 0%,transparent 58%),linear-gradient(0deg,var(--bg),transparent 15%)}
#system-scene{opacity:0;transition:opacity 1.2s var(--ease)}
.scene-ready #system-scene{opacity:1}
.scene-fallback-art{position:absolute;left:54%;top:17%;width:40%;aspect-ratio:1;display:grid;place-items:center;opacity:.4;transition:opacity .5s}
.scene-fallback-art i{position:absolute;width:90%;height:55%;border:1px solid var(--blue);border-radius:50%;transform:rotate(-35deg)}
.scene-fallback-art i:nth-child(2){transform:rotate(45deg);height:80%;width:60%}
.scene-fallback-art i:nth-child(3){height:65%;width:80%;transform:rotate(12deg)}
.scene-ready .scene-fallback-art{opacity:0}
.scene-fallback .scene-fallback-art{opacity:.65}
.scene-label{bottom:16%;right:10%}
@media(max-width:700px){.scene-vignette{background:linear-gradient(180deg,var(--bg),transparent 70%,var(--bg));opacity:.75}.scene-label{bottom:11%;right:7%;font-size:6px}.scene-label>span:last-child{display:none}.scene-fallback-art{left:30%;top:58%;width:65%}.static-journey #system-scene{opacity:.55}}
[data-theme=light] .scene-atmosphere{background:radial-gradient(ellipse at 78% 43%,#a6c2e348,transparent 65%)}
.scene-label{display:none}
.journey-rail{z-index:3;right:2.5%;padding:8px 12px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:30px}
.scene-fallback #system-scene{opacity:0}
@media(max-width:700px){.journey-rail{right:4%;padding:5px 8px}}
/* One continuous world: the hero object hands off into the background of the page. */
body{position:relative}main,footer{position:relative;z-index:1}.stage{background:transparent}
.world-space{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--world-opacity,1);transition:opacity .2s var(--ease)}
.world-space #system-scene{width:100%;height:100%;inset:0}
.page-signal{position:absolute;top:0;left:0;width:100%;z-index:2;pointer-events:none;overflow:hidden;opacity:0;color:var(--blue)}
.signal-base{fill:none;stroke:var(--line);stroke-width:1}
.signal-trace{fill:none;stroke:var(--blue);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}
.signal-cursor{fill:var(--text);stroke:var(--blue);stroke-width:5;stroke-opacity:.17;filter:drop-shadow(0 0 5px #8bbcff)}
.signal-nodes circle{fill:var(--bg);stroke:var(--line);stroke-width:1}.signal-nodes .passed circle{stroke:var(--blue);fill:var(--blue)}
.continuity-status{position:fixed;left:42px;bottom:20px;z-index:12;pointer-events:none;display:flex;align-items:center;gap:10px;opacity:0;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);padding:9px 12px;border:1px solid var(--line);border-radius:3px;color:var(--muted)}
.continuity-status i{height:4px;width:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px var(--blue)}.continuity-status b{font-weight:400;color:var(--text)}
.manifesto h2>span{color:color-mix(in srgb,var(--text) calc(var(--section-progress,0)*90%),var(--muted))}
.career-strip{background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 5%,transparent),transparent);background-size:calc(100% * var(--section-progress,0)) 100%;background-repeat:no-repeat}
.lab-section{background:color-mix(in srgb,var(--surface) 70%,transparent)}
.incident-console{position:relative;transition:border-color .35s var(--ease)}
.inside-incident .incident-console{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}
.inside-incident .signal-trace{stroke:var(--amber)}.inside-incident .signal-cursor{stroke:var(--amber);filter:drop-shadow(0 0 5px var(--amber))}.inside-incident .continuity-status i{background:var(--amber);box-shadow:0 0 9px var(--amber)}
.principle{position:relative;border-top-color:transparent}
.principle:before,.principle:after{content:'';position:absolute;left:0;top:0;height:1px;width:100%;background:var(--line);transform-origin:left}
.principle:after{background:var(--blue);transform:scaleX(var(--row-progress,0));opacity:.5}
.principle h3{transform:translateX(calc((1 - var(--row-progress,0))*10px))}
.project-art>.art-orbit,.project-art>.hex,.project-art>.loop-symbol,.project-art>.gateway-bars,.project-art>.blueprint-grid{translate:var(--art-drift,0) 0}
.chapter-in-view .art-orbit{animation:orbit-turn 18s ease-in-out infinite alternate}
.chapter-in-view .art-point{animation:signal-glimmer 3s ease-in-out infinite alternate}
.chapter-in-view .point-b{animation-delay:-1s}.chapter-in-view .point-c{animation-delay:-2s}
.chapter-in-view .gateway-bars i{animation:gateway-flow 2.7s ease-in-out infinite alternate;transform-origin:bottom}
.chapter-in-view .gateway-bars i:nth-child(2n){animation-delay:-1.3s}.chapter-in-view .gateway-bars i:nth-child(3n){animation-delay:-.7s}
.chapter-in-view .terminal-chrome>span:first-child{color:var(--blue)}
.contact .contact-orbit{opacity:calc(1 - var(--section-progress,0));transform:translate(-50%,-50%) rotate(calc(-23deg + var(--section-progress,0)*35deg))}
.contact h2{text-shadow:0 3px 35px var(--bg)}
.motion-paused .world-space,.motion-paused .page-signal,.motion-paused .continuity-status{display:none}
.motion-paused .project-art *{animation-play-state:paused!important;translate:none!important}.motion-paused .principle h3{transform:none}
@keyframes orbit-turn{from{transform:rotate(-30deg)}to{transform:rotate(20deg)}}
@keyframes signal-glimmer{from{opacity:.35}to{opacity:1}}
@keyframes gateway-flow{from{transform:scaleY(.65)}to{transform:scaleY(1.1)}}
@media(max-width:700px){.continuity-status{left:22px;bottom:10px;font-size:6px;padding:6px 8px;gap:7px}.signal-base,.signal-trace{stroke-width:.7}.signal-nodes circle{r:2px}}
@media(prefers-reduced-motion:reduce){.world-space,.page-signal,.continuity-status{display:none!important}.principle h3{transform:none}.project-art *{translate:none!important}}
.motion-paused .reveal{opacity:1;transform:none;transition:none}
.motion-paused .principle:after{transform:scaleX(1)}
.chapter-in-view .terminal-chrome>span:first-child{animation:signal-glimmer 4s ease-in-out infinite alternate}
.motion-paused .terminal-chrome>span:first-child{animation:none}
/* Full wordmarks need their native contrast and enough room to remain legible. */
.company-logo{width:164px;height:68px;flex:0 0 164px;padding:14px;background:#111827;border:1px solid #324052;border-radius:5px;opacity:1}
.company-logo img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;opacity:1;filter:none}
.company-logo-light{background:#fff;border-color:#d9e1e9}
.career-content{padding-left:218px}
@media(max-width:1000px){.company-logo{width:140px;flex-basis:140px;height:62px;padding:12px}.career-content{padding-left:0}}
@media(max-width:700px){.company-logo{width:116px;flex-basis:116px;height:54px;padding:9px}.company-heading strong{font-size:18px}.company-heading>span{font-size:10px}.career-date{margin-left:129px}}
@media(max-width:360px){.company-logo{width:100px;flex-basis:100px}.career-date{margin-left:113px}.company-heading strong{font-size:16px}}
/* Mobile uses a small compositor-animated SVG instead of the full WebGL scene. */
.mobile-system{display:none}
@keyframes mobile-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes mobile-breathe{from{opacity:.18;transform:scale(.93)}to{opacity:.38;transform:scale(1.05)}}
@media(max-width:700px){
 .world-space #system-scene{display:none}
 .mobile-system{display:block;position:absolute;width:250px;height:250px;left:var(--mobile-x,65vw);top:var(--mobile-y,72vh);translate:-50% -50%;scale:var(--mobile-scale,1);will-change:transform}
 .mobile-system svg{width:100%;height:100%;overflow:visible}
 .mobile-core-halo{fill:#70a9ef;opacity:.2;transform-origin:center;animation:mobile-breathe 4s ease-in-out infinite alternate}
 .mobile-core-grid{fill:none;stroke:#c4dcff;stroke-width:.5;opacity:.3}
 .mobile-orbits{fill:none;stroke:url(#mobile-ring-light);stroke-width:2;transform-origin:center;animation:mobile-orbit 32s linear infinite}
 .mobile-signal{fill:#e2f1ff;transform-origin:center;animation:mobile-orbit 12s linear infinite reverse}
 .inside-incident .mobile-orbits{stroke:var(--amber)}.inside-incident .mobile-signal{fill:var(--amber)}
 .scene-fallback-art,.journey-rail,.stage-bottom{display:none!important}
 .compact-journey.voyage{height:auto!important}
 .compact-journey .stage{position:relative;height:auto;min-height:0;padding:112px 22px 0;overflow:visible}
 .compact-journey .scene-copy{position:relative;inset:auto;max-width:none;opacity:1!important;visibility:visible!important;transform:none!important;margin:0;padding:26px 0}
 .compact-journey .scene-copy-0{padding:0 0 210px}
 .compact-journey .scene-copy-0 h1{font-size:clamp(55px,13vw,66px)}
 .compact-journey .scene-copy-1,.compact-journey .scene-copy-2{border-top:1px solid var(--line)}
 .compact-journey .scene-copy-1 h2,.compact-journey .scene-copy-2 h2{font-size:38px;line-height:1.06}
 .compact-journey .scene-copy-1 h2 br,.compact-journey .scene-copy-2 h2 br{display:none}
 .compact-journey .scene-copy-1 h2 br:after,.compact-journey .scene-copy-2 h2 br:after{content:' '}
 .compact-journey .scene-copy-1 h2,.compact-journey .scene-copy-2 h2{max-width:350px}
 .compact-journey .scene-copy .eyebrow{margin-bottom:14px}
 .compact-journey .scene-copy .intro{margin-top:15px}
 .compact-journey .scene-note{margin-top:17px}.compact-journey .scene-note p{font-size:12px;margin-top:6px}
 .compact-journey .scene-copy .text-link{margin-top:13px}
 .manifesto{padding:42px 0 32px}.manifesto>.eyebrow{margin-bottom:23px}.manifesto h2{font-size:41px}
 .manifesto-bottom{margin:24px 0 28px}.career-strip{padding:18px 4px}
 .experience{padding:16px 0 40px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:42px}
 .lab-section{padding:42px 0 38px}.lab-heading>p{margin-top:18px}
 .project-pin{padding:42px 0 38px}.static-projects .project-pin{padding-block:42px}
 .project-heading{margin-bottom:24px}.project-heading h2{font-size:44px}
 .principles{padding:16px 0 26px}.principles>.eyebrow{margin-bottom:22px}.principle{padding:25px 0}
 .terminal-section{padding:20px 0 38px}.terminal-section h2{margin:18px 0}.terminal{margin-top:24px}
 .contact{padding:44px 0 52px}.contact h2{font-size:65px;margin:26px 0}
 .continuity-status{bottom:max(10px,env(safe-area-inset-bottom));opacity:.8}
 .nav{padding-inline:max(22px,env(safe-area-inset-left))}
 .motion-paused .mobile-system *{animation-play-state:paused!important}
 [data-theme=light] .mobile-core-halo{fill:#457bb3}
}
@media(prefers-reduced-motion:reduce){.mobile-system *{animation:none!important}}