@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-semibold.woff2)format("woff2")}:root{color:#c8d0db;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b0e12;--panel:#10151c;--panel-deep:#0c1117;--text:#e2e9f1;--muted:#9eacbc;--line:#2a3542;--accent:#39d9bf;--amber:#f0bd80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0e12;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-size:13px;line-height:1.85}body.dialog-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,summary,a{transition:color .14s,border-color .14s,background .14s}:focus-visible{outline:2px solid var(--amber);outline-offset:5px}::selection{color:#fff;background:#23594f}img,video{max-width:100%;display:block}svg{display:block}p,h1,h2,h3,h4,h5,h6,figure{margin:0}h1,h2,h3,h4,h5,h6,strong{font-weight:600}h1,h2,h3,h4,h5,h6{color:var(--text);line-height:1.5}[hidden]{display:none!important}.wrap{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}.muted{color:var(--muted)}.accent{color:var(--accent)}.mono,.eyebrow{letter-spacing:.05em;font-size:11px}.eyebrow{color:var(--muted);margin-bottom:12px}.section-number{color:var(--accent);margin-right:10px}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:22px;height:22px}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--accent);color:var(--bg);padding:12px 18px;position:fixed;top:-80px;left:20px}.skip-link:focus{color:var(--bg);top:12px}.signal-field{pointer-events:none;z-index:-1;height:750px;position:absolute;inset:70px 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000 50%,#0000);mask-image:linear-gradient(#000,#000 50%,#0000)}.signal-field svg{fill:none;stroke:#20aa96;stroke-width:.8px;opacity:.4;width:100%;height:100%}.site-header{z-index:10;background:#0b0e12f5;border-bottom:1px solid #233b3b;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.wordmark{align-items:center;min-width:44px;min-height:44px;font-size:22px;font-weight:600;display:inline-flex}.wordmark span{color:var(--accent)}.navigation{gap:28px;display:flex}.navigation a{min-height:44px;color:var(--muted);align-items:center;font-size:12px;display:flex}.navigation a:hover,.navigation a[aria-current]{color:var(--accent)}.hero{text-align:center;padding-block:51px 43px}.hero-kicker{color:var(--accent);letter-spacing:.09em;font-size:11px}.hero h1{letter-spacing:-.045em;margin:9px 0 17px;font-size:clamp(27px,3vw,38px);line-height:1.3}.hero-description{max-width:780px;margin-inline:auto;font-size:14px;line-height:1.9}.hero-current{max-width:750px;color:var(--muted);margin:11px auto 10px;font-size:12px}.social-links{flex-wrap:wrap;justify-content:center;gap:26px;display:flex}.contact-link.compact{min-height:44px;color:var(--amber);align-items:center;gap:8px;font-size:13px;display:inline-flex}.contact-link.compact:hover{color:var(--accent)}.contact-link.compact .contact-detail{display:none}.hero-email{color:var(--muted);align-items:center;min-height:32px;font-size:12px;display:inline-flex}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{color:var(--accent);font-size:18px}.section-heading>p{color:var(--muted);font-size:11px}.project-grid{grid-template-columns:1.08fr 1fr 1fr;align-items:stretch;gap:20px;display:grid}.project{border:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;scroll-margin-top:88px;display:flex}.project.flagship{border-color:#337365}.project-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 19px;display:flex}.project-header h3{color:var(--accent);letter-spacing:-.03em;font-size:18px}.development-status{white-space:nowrap;color:#9ce3c8;letter-spacing:.04em;font-size:8px}.development-status:before{content:"";vertical-align:1px;background:#5cdcaa;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.project-media{padding:17px 18px 0}.media-topline{color:var(--muted);letter-spacing:.03em;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:8px;display:flex}.flagship .media-topline>:first-child{color:var(--amber)}.media-kind{color:#a6b9ce}video{aspect-ratio:16/10;object-fit:contain;border:1px solid var(--line);background:#080b10;width:100%}video::cue{background:#000e;font-family:sans-serif;font-size:14px}.recording-note{color:var(--muted);min-height:36px;margin-top:11px;font-size:10px;line-height:1.8}.video-links{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:0 10px;margin-top:2px;display:flex}.video-links a{min-height:44px;color:var(--amber);align-items:center;font-size:10px;display:inline-flex}.video-links a:hover{color:var(--accent)}.project-copy{flex-direction:column;flex:1;padding:18px 19px 0;display:flex}.project-category{color:var(--accent);margin-bottom:9px;font-size:10px}.project-copy h4{margin-bottom:15px;font-size:14px;line-height:1.7}.project-copy>p:not(.project-category,.tech-line){margin-bottom:15px;font-size:12px;line-height:1.9}.project-progress{border-left:2px solid #335547;margin:3px 0 23px;padding-left:13px}.project-progress>span{letter-spacing:.04em;color:#a2d4c5;font-size:9px}.project-progress p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.9}.tech-line{color:#91abc0;margin-top:auto;padding:0 0 18px;font-size:10px;line-height:2}.project-links{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:5px 19px;display:flex}.project-links a{min-height:44px;color:var(--accent);align-items:center;font-size:11px;display:inline-flex}.project-links a:hover{color:var(--amber)}.engineering{padding-top:55px}.case-study{background:var(--panel);border:1px solid var(--line);margin-bottom:12px;scroll-margin-top:88px}.case-study summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:17px 23px;list-style:none;display:flex}.case-study summary::-webkit-details-marker{display:none}.case-study summary:hover{background:#151e26}.summary-label{align-items:center;gap:24px;font-size:14px;display:flex}.study-name{color:var(--text);min-width:142px}.summary-hint{color:var(--muted);font-size:11px;font-weight:400}.expand-icon{color:var(--accent);font-size:23px;line-height:1}.case-study[open] summary{border-bottom:1px solid var(--line)}.case-study[open] .expand-icon{transform:rotate(45deg)}.case-content{padding:30px}.case-content p{color:#b0bdcc}.case-content h4{margin-bottom:12px;font-size:19px}.case-content h5{margin-bottom:10px;font-size:14px}.case-content h6{margin-block:10px;font-size:13px}.case-opening{max-width:880px;margin-bottom:30px}.case-opening .eyebrow{color:var(--accent)}.case-grid{grid-template-columns:1fr 1fr;gap:28px 42px;margin-block:30px;display:grid}.case-callout{background:#13211f;border-left:2px solid #39a88f;margin-block:28px;padding:20px 24px}.case-callout>span{color:var(--accent);margin-bottom:8px;display:block}.project-figure{margin-block:30px}.project-figure>a{border:1px solid var(--line);background:var(--panel-deep);display:block;position:relative}.project-figure img{object-fit:contain;width:100%;max-height:510px}.project-figure figcaption{color:var(--muted);justify-content:space-between;gap:15px;padding:12px 0;font-size:10px;display:flex}.image-expand{background:var(--bg);border:1px solid var(--line);color:var(--accent);padding:5px 13px;position:absolute;bottom:12px;right:12px}.development-notes{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.development-grid{grid-template-columns:1fr 1fr;gap:30px;padding-top:14px;display:grid}.state-label{color:var(--accent);font-size:10px;display:inline-block}.state-future{color:var(--amber)}.case-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:28px;margin-top:28px;padding-top:14px;display:flex}.text-link{color:var(--accent);align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}.text-link:hover{color:var(--amber)}.case-architecture{margin-bottom:35px}.architecture{border:1px solid var(--line);background:var(--panel-deep);margin-top:20px}.diagram-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.diagram-header .mono{color:var(--muted)}.implemented-tag{color:var(--accent);font-size:10px}.tab-list{border-bottom:1px solid var(--line);display:flex}.tab-list button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;min-height:48px;padding:13px;font-size:12px}.tab-list button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);background:#14221f}.diagram-panel{padding:22px}.flow-node{border:1px solid var(--line);background:var(--panel);align-items:center;gap:16px;padding:15px 18px;display:flex}.flow-node .icon{color:var(--accent)}.flow-node strong{font-size:13px;display:block}.flow-node div>span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.node-number{color:var(--muted);margin-left:auto}.node-accent{border-color:#377265}.flow-connector{color:var(--muted);border-left:1px solid #397266;margin-left:28px;padding:8px 0 8px 42px;font-size:10px}.diagram-note{align-items:center;gap:10px;margin-top:18px;font-size:11px;display:flex}.diagram-note .icon{width:16px;height:16px;color:var(--accent)}.workflow-list{grid-template-columns:1fr 1fr;gap:28px 40px;margin:30px 0;padding:0;list-style:none;display:grid}.workflow-list li{gap:17px;display:flex}.workflow-list li>span{color:var(--accent);padding-top:3px}.screenshot-chrome{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 18px;font-size:11px;display:flex}.screenshot-chrome .screenshot-dots{display:none}.about{padding-top:70px}.about-intro{border-top:1px solid var(--line);grid-template-columns:.85fr 1.4fr;gap:70px;padding-top:35px;display:grid}.about-intro h2{font-size:24px}.about-copy>p{margin-bottom:18px}.education{border:1px solid var(--line);background:var(--panel);align-items:flex-start;gap:16px;margin-top:27px;padding:22px;display:flex}.education>.icon{color:var(--accent);margin-top:4px}.education .mono{color:var(--muted);font-size:9px}.education h3{margin:5px 0;font-size:14px}.education p{color:var(--muted);font-size:12px}.stack{margin-top:45px}.stack-heading{justify-content:space-between;align-items:baseline;gap:15px;display:flex}.stack-heading h3{font-size:16px}.stack-heading p{color:var(--muted);font-size:11px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:22px 30px;margin:0;padding:22px 0 0;display:grid}.stack-grid>div{border-top:1px solid var(--line);padding-top:16px}.stack-grid dt{color:var(--accent);margin-bottom:9px;font-size:11px}.stack-grid dd{margin:0;font-size:12px;line-height:2}.stack-grid dd span{color:#63758a}.principles{padding-top:65px}.principles-heading h2{font-size:21px}.principle-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:27px;display:grid}.principle-grid>div{border-top:1px solid var(--line);padding-top:22px}.principle-grid .icon{color:var(--accent);margin-bottom:15px}.principle-grid h3{margin-bottom:10px;font-size:14px}.principle-grid p{color:var(--muted);font-size:12px}.principle-grid .mono{color:var(--accent);margin-top:18px;font-size:9px;display:block}.contact{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:90px;margin-top:65px;padding-block:35px 50px;display:grid}.contact h2{margin-bottom:14px;font-size:24px}.contact p{color:var(--muted);max-width:520px}.contact-link.rows{border-bottom:1px solid var(--line);grid-template-columns:75px 1fr 12px;align-items:center;gap:12px;min-height:55px;font-size:11px;display:grid}.contact-link.rows>:first-child{color:var(--amber)}.contact-detail{color:var(--muted);overflow-wrap:anywhere}.link-arrow{color:var(--amber)}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:22px;padding-block:24px;font-size:10px;display:flex}.site-footer a{color:var(--accent)}.image-dialog{background:var(--panel);width:min(1380px,100vw - 48px);max-height:94dvh;color:var(--text);border:1px solid #42695f;padding:0}.image-dialog::backdrop{background:#000d}.dialog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:8px 20px;display:flex}.dialog-toolbar>span{color:var(--muted);font-size:10px}.dialog-close{background:0 0;border:0;min-height:44px;padding-inline:10px}.dialog-close span{color:var(--accent);margin-left:10px;font-size:22px}.dialog-image-wrap{background:var(--bg);max-height:73dvh;overflow:auto}.dialog-image-wrap img{width:100%;height:auto}#image-caption{color:var(--muted);padding:13px 20px;font-size:11px}.transcript{max-width:850px;padding-block:50px}.transcript h1{margin-block:25px 14px;font-size:27px}.transcript>p{color:var(--muted);margin-bottom:20px}.transcript ol{margin:30px 0;padding:0;list-style:none}.transcript li{border-top:1px solid var(--line);padding-block:18px}.transcript time{color:var(--accent);margin-bottom:6px;font-size:11px;display:block}@media (width<=1150px){.wrap{width:calc(100% - 48px)}.project-grid{gap:14px}.project-header{flex-wrap:wrap;gap:4px 12px}.project-header h3{width:100%}.project-header,.project-copy{padding-inline:16px}.project-media{padding-inline:15px}.project-links{flex-wrap:wrap;gap:0 10px;padding-inline:16px}.contact{gap:45px}}@media (width<=900px){.project-grid{grid-template-columns:1fr 1fr;gap:20px}.flagship{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.flagship .project-header,.flagship .project-links{grid-column:1/-1}.flagship .project-copy{padding-top:20px}.flagship .project-media{padding-bottom:20px}.project-header h3{width:auto}.about-intro{gap:35px}.contact{grid-template-columns:1fr;gap:25px}.contact-list{width:100%;max-width:650px}.site-footer>:nth-child(2){display:none}.section-heading{align-items:flex-start}.stack-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){body{font-size:12px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:58px}.wordmark{font-size:19px}.navigation{gap:13px}.navigation a{font-size:10px}.navigation a[href=\#home]{display:none}.hero{padding-block:35px 30px}.hero-kicker{letter-spacing:.025em;font-size:9px}.hero h1{margin-block:14px;font-size:29px}.hero-description{font-size:12px}.hero-current{margin-top:14px;font-size:10px}.social-links{gap:22px}.contact-link.compact{font-size:12px}.hero-email{font-size:11px}.section-heading{margin-bottom:18px;display:block}.section-heading h2{margin-bottom:5px;font-size:17px}.section-heading>p{font-size:10px}.project-grid{grid-template-columns:1fr;gap:24px}.flagship{grid-column:auto;display:flex}.flagship .project-media{padding-bottom:0}.project-header{padding:16px}.project-header h3{font-size:18px}.project-copy h4{font-size:14px}.project-copy>p:not(.project-category,.tech-line){font-size:12px}.project-progress p{font-size:11px}.project-links a{min-height:48px}.engineering{padding-top:40px}.case-study summary{padding:16px}.summary-label{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.summary-hint{font-size:10px}.case-content{padding:22px 16px}.case-content h4{font-size:17px}.case-grid,.development-grid,.workflow-list{grid-template-columns:1fr;gap:24px}.case-callout{padding:18px 16px}.project-figure figcaption{flex-direction:column;gap:3px}.diagram-header{flex-wrap:wrap;padding:13px}.tab-list button{padding:9px 5px;font-size:10px}.diagram-panel{padding:13px}.flow-node{gap:10px;padding:13px 10px}.flow-node strong{font-size:11px}.flow-node div>span{font-size:9px}.node-number{display:none}.flow-connector{margin-left:20px;padding-left:20px;font-size:9px}.diagram-note{align-items:flex-start;font-size:10px}.diagram-note .icon{margin-top:3px}.about{padding-top:45px}.about-intro{grid-template-columns:1fr;gap:22px;padding-top:28px}.about-intro h2{font-size:22px}.about-copy>p{font-size:12px}.stack{margin-top:35px}.stack-heading{display:block}.stack-heading p{margin-top:5px}.stack-grid{gap:20px}.stack-grid dd,.stack-grid dt{font-size:10px}.principles{padding-top:40px}.principles-heading h2{font-size:20px}.principle-grid{grid-template-columns:1fr;gap:24px;margin-top:20px}.principle-grid>div{padding-top:20px}.principle-grid .icon{margin-bottom:12px}.contact{margin-top:45px;padding-top:27px}.contact h2{font-size:22px}.contact-link.rows{grid-template-columns:60px 1fr 12px;gap:8px;font-size:10px}.site-footer{gap:12px;font-size:9px}.image-dialog{width:calc(100vw - 20px)}.dialog-toolbar{padding-inline:12px}.dialog-toolbar>span{font-size:8px}.screenshot-chrome{padding-inline:10px;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
