@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color:#e9eae5;font-synthesis:none;--lime:#c1f66b;--muted:#a0a69c;--line:#33382f;--mono:"IBM Plex Mono",monospace;background:#151715;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:94px;margin:auto;padding:0 5.5%;display:flex}.brand{align-items:center;gap:13px;font-size:16px;font-weight:600;display:flex}.brand-icon{font:25px var(--mono);color:var(--lime);letter-spacing:-5px;padding-right:5px}.brand-icon b{font-weight:400}.brand-slash{color:#626a5e;margin:0 4px}.brand-role{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}nav{align-items:center;gap:32px;font-size:13px;display:flex}nav a:hover,.text-link:hover,footer a:hover{color:var(--lime)}.nav-contact{border:1px solid #555e4c;padding:11px 17px}.nav-contact span{color:var(--lime);margin-left:16px}main{max-width:1440px;margin:auto}.hero{background-image:linear-gradient(#52654309 1px,#0000 1px),linear-gradient(90deg,#52654309 1px,#0000 1px);background-size:44px 44px;grid-template-columns:1.15fr 1fr;gap:40px 65px;padding:70px 5.5% 0;display:grid;position:relative}.eyebrow{font:10px var(--mono);letter-spacing:1.6px;color:var(--lime);align-items:center;gap:10px;display:flex}.status-dot{background:var(--lime);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #c1f63344}h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(42px,4.7vw,69px);font-weight:500;line-height:1.1}h1 span,.contact h2 span{color:var(--lime)}.intro-copy{color:#a9afa4;max-width:470px;font-size:14px;line-height:1.85}.hero-actions{align-items:center;gap:28px;margin:30px 0 35px;display:flex}.button{cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:30px;padding:15px 20px;font-size:12px;font-weight:650;display:inline-flex}.primary{color:#17200e;background:var(--lime)}.primary:hover{background:#d2ff91}.button span{font-size:18px}.text-link{font-size:12px}.text-link span{color:var(--lime);margin-left:12px}.hero-stack{align-items:start;gap:23px;display:flex}.hero-stack>span{font:9px var(--mono);color:#939a8d;padding-top:5px}.hero-stack p{font:11px/2 var(--mono);color:#c2c7bc;margin:0}.hero-stack i{color:#69725f;margin:0 9px;font-style:normal}.architecture{background:#191d18;border:1px solid #414937;border-radius:8px;align-self:center;overflow:hidden;transform:rotate(-1deg);box-shadow:0 16px 60px #0003}.window-bar{font:9px var(--mono);color:#8f9985;background:#22271f;border-bottom:1px solid #37402e;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.window-bar i{background:#5a6352;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.window-bar i:first-child{background:#a8bc8b}.diagram-heading{font:9px var(--mono);letter-spacing:1px;color:#9da78f;justify-content:space-between;padding:20px 24px 0;display:flex}.lime{color:var(--lime);fill:var(--lime)}svg{width:100%;display:block}svg rect{fill:#242b20;stroke:#515d43;stroke-width:1px}svg text{fill:#d0d8c7;font:12px var(--mono)}svg .svg-small{font:9px var(--mono);fill:#9ca88f}svg .gateway{fill:#303e21;stroke:#91bd4e}.connections{fill:none;stroke:#9ec964;stroke-width:1.3px}.terminal{font:10px/1.8 var(--mono);color:#a9b69a;background:#11150f;border:1px solid #303a26;border-radius:4px;margin:5px 21px 0;padding:14px 18px}.terminal p{margin:0 0 7px}.terminal div{justify-content:space-between;display:flex}.terminal b{color:var(--lime);margin-right:13px;font-weight:400}.terminal div>span:last-child{color:#bedc98}.terminal .terminal-note{color:#8a957d;margin:9px 0 0;font-size:9px}.diagram-caption{font:8px var(--mono);color:#9ba68e;align-items:center;gap:8px;padding:15px 22px;display:flex}.diagram-caption .status-dot{width:4px;height:4px}.hero-bottom{border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:#8c9485;grid-column:1/-1;justify-content:space-between;margin-top:14px;padding:24px 0;display:flex}.section{border-top:1px solid var(--line);padding:76px 5.5%}.section-top{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}h2{letter-spacing:-1.4px;margin:17px 0 0;font-size:37px;font-weight:500;line-height:1.2}.section-top>p,.contact>div>p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.sample-notice{color:#a3ac98;gap:10px;margin-bottom:25px;font-size:11px;line-height:1.6;display:flex}.sample-notice>span{color:var(--lime)}.project-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project{border:1px solid var(--line);background:#1a1d19;overflow:hidden}.project-visual{border-bottom:1px solid var(--line);background-color:#1b2119;background-image:radial-gradient(#76876630 1px,#0000 1px);background-size:14px 14px;padding:16px 10px 5px}.visual-label{font:8px var(--mono);color:#9aa58f;letter-spacing:1px;margin-left:10px}.project-visual text{text-anchor:middle;font-size:10px}.project-visual .svg-small{font-size:8px}.project-body{padding:23px}.project-meta{font:8px var(--mono);color:#a8b797;justify-content:space-between;align-items:center;gap:5px;display:flex}.sample-tag{font:8px var(--mono);letter-spacing:.7px;color:#c0cbaf;border:1px solid #59654b;padding:4px 6px;display:inline-block}h3{letter-spacing:-.5px;margin:17px 0 13px;font-size:20px;font-weight:500;line-height:1.35}.project p{color:#a7aea0;font-size:12px;line-height:1.8}.project .problem{color:#d0d5ca;min-height:65px}h4{font:8px var(--mono);color:#bcc8ae;letter-spacing:1px;margin:22px 0 8px}.project .outcome{color:#9fac94;border-left:2px solid #637a47;margin:18px 0 22px;padding-left:12px;font-size:10px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#bbc7ad;font:8px var(--mono);background:#252b21;padding:6px 8px}.about{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about-lead{color:#a9afa1;margin-top:27px;font-size:16px;line-height:1.7}.about-details p{color:#a6af9c;font-size:13px;line-height:1.9}.about-details .bio{color:#c2cbb9;margin:17px 0}.principles{margin-top:26px}.principles>div{border-top:1px solid var(--line);padding:14px 0 14px 37px;position:relative}.principles span{color:var(--lime);font:10px var(--mono);position:absolute;top:18px;left:0}.principles h3{letter-spacing:0;margin:0;font-size:14px}.principles p{margin:6px 0 0;font-size:11px}.contact{background:#1b1e18;grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact h2{margin-bottom:24px;font-size:46px}.contact-note{color:#9eac90;align-items:center;gap:16px;margin-top:50px;display:flex}.contact-note>span{color:var(--lime);font-size:25px}.contact-note p{font:9px/1.8 var(--mono);letter-spacing:.5px}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{margin-bottom:21px}label{color:#d3dacb;margin-bottom:10px;font-size:11px;display:block}label span{color:var(--lime)}input,textarea{color:#e0e7d8;background:#171b14;border:1px solid #414a37;border-radius:0;width:100%;padding:13px;font-size:11px}textarea{resize:vertical;min-height:125px}input::placeholder,textarea::placeholder{color:#939e86}button:disabled{opacity:.6;cursor:wait}.privacy{color:#99a28f;margin-top:14px;font-size:9px;line-height:1.7}.error{color:#ffb8a6;font-size:12px;line-height:1.6}.success{color:var(--lime);font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;max-width:1440px;margin:auto;padding:30px 5.5%;display:flex}footer>span,footer>a:last-child{color:#a2aa98;font-size:10px}.skip{z-index:10;background:var(--lime);color:#111;padding:12px;position:fixed;top:-60px;left:12px}.skip:focus{top:10px}@media (width>=1450px){.hero{padding-top:85px;padding-bottom:5px}}@media (width<=1000px){.brand-role,.brand-slash{display:none}.hero{gap:35px;padding-top:50px}h1{letter-spacing:-2px}.hero-actions{gap:18px}.button{gap:16px}.project-body{padding:17px}.about,.contact{gap:50px}h2{font-size:30px}.contact h2{font-size:38px}.section-top>p{font-size:11px}}@media (width<=720px){header{height:78px;padding:0 6%}.brand{gap:9px;font-size:13px}nav{gap:16px;font-size:11px}nav>a:first-child{display:none}.nav-contact{padding:8px 10px}.nav-contact span{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:42px 6% 0}h1{letter-spacing:-2px;font-size:clamp(43px,9.5vw,65px)}.intro-copy{font-size:13px}.architecture{justify-self:center;width:100%;max-width:500px;transform:none}.hero-bottom{letter-spacing:.3px;gap:20px;margin-top:0;font-size:7px;line-height:1.6}.section{padding:50px 6%}.section-top{display:block}.section-top>p{margin-top:18px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:24px}.project-body{padding:25px}.project-visual{padding:20px 25px 10px}.project .problem{min-height:0}.project h3{font-size:24px}.project p{font-size:13px}.about,.contact{grid-template-columns:1fr;gap:30px}.about h2{font-size:34px}.about-lead{font-size:14px}.contact-note{margin-top:25px}.contact h2{font-size:43px}.form-row{gap:12px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{order:3;width:100%;font-size:9px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}header{gap:22px}nav{gap:20px}.source-note{color:var(--muted);font-size:12px;line-height:1.8}.source-box{background:#1d2319;border:1px solid #48533b;margin:28px 0;padding:24px}.source-box h3{margin-top:0}.source-box p{color:#bac3b0;font-size:13px;line-height:1.9}.source-box h2{margin:0;font-size:24px}.timeline{margin:35px 0}.timeline article{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:35px;padding:30px 0;display:grid}.timeline h3{margin-top:0;font-size:23px}.timeline p,.timeline li,.education p,.skills-grid p{color:#afb9a5;font-size:13px;line-height:1.9}.timeline .date{font:12px/1.8 var(--mono);color:var(--lime)}.timeline .role{color:#e2e8db}.timeline ul{padding-left:20px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;display:grid}.skills-grid article{border-top:1px solid #4a573d;padding-top:10px}.skills-grid h3{font-size:16px}.education{grid-template-columns:1fr 1fr;gap:70px;display:grid}.education article{margin:30px 0}.education h2{font-size:32px}.credentials{background:#1e2519;border:1px solid #465337;align-self:start;padding:28px}.credentials .button{margin:16px 0;line-height:1.6}.credentials .text-link{margin-top:20px;display:inline-block}.contact-links{color:var(--lime);flex-direction:column;gap:12px;margin-top:24px;font-size:13px;display:flex}.compact-flow{min-height:200px;padding:20px}.compact-flow ol{grid-template-columns:1fr 1fr;gap:18px 22px;margin:22px 0 5px;padding:0;list-style:none;display:grid}.compact-flow li{font:11px var(--mono);background:#232e1c;border:1px solid #536543;padding:12px 9px;position:relative}.compact-flow li span{color:var(--lime);margin-bottom:7px;font-size:9px;display:block}.compact-flow li:nth-child(odd):after{content:"→";color:var(--lime);position:absolute;top:18px;right:-18px}.compact-flow li:nth-child(2):after{content:"↙";color:var(--lime);position:absolute;bottom:-19px;left:0}.project-design-link{color:var(--lime);border-top:1px solid #3d4932;justify-content:space-between;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.architecture-intro .eyebrow{margin-top:40px}.architecture-intro h1{font-size:clamp(38px,5vw,68px)}.architecture-intro h1 span{color:var(--lime)}.architecture-intro>p,.design-end p{color:var(--muted);line-height:1.8}.case-nav{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.case-nav a{color:var(--lime);border:1px solid #4d5e3f;padding:14px 18px;font-size:13px}.cv-facts{border-left:3px solid var(--lime);margin:30px 0;padding:4px 24px}.cv-facts h3{color:var(--lime);font-size:16px}.cv-facts p,.case-study p{color:#b6c0ac;font-size:14px;line-height:1.9}.design-figure{background-color:#1b2119;background-image:radial-gradient(#76876630 1px,#0000 1px);background-size:16px 16px;border:1px solid #435336;margin:36px 0;padding:28px}.design-figure figcaption{font:10px/1.8 var(--mono);letter-spacing:1px;color:var(--lime)}.flow-diagram{grid-template-columns:repeat(4,1fr);gap:30px;margin:30px 0;padding:0;list-style:none;display:grid}.flow-diagram li{background:#25311d;border:1px solid #718c55;padding:20px 14px;position:relative}.flow-diagram strong{font:12px/1.7 var(--mono);color:#e2edda;display:block}.flow-diagram span{color:#bdcbae;margin-top:10px;font-size:12px;line-height:1.7;display:block}.flow-diagram li:not(:last-child):after{content:"→";color:var(--lime);position:absolute;top:40%;right:-24px}.design-figure>p{margin:0;font-size:11px}.flow-explanation{grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 40px;display:grid}.step-number{font:12px var(--mono);color:var(--lime)}.flow-explanation h3{font-size:18px}.design-details{grid-template-columns:1fr 1fr;gap:24px;margin:0 0 35px;display:grid}.design-details article{border:1px solid var(--line);background:#1a1e17;padding:24px}.design-details h3{margin:0 0 12px;font-size:19px}.design-details p{margin:0}.detail-heading{margin-top:35px}.design-end .text-link{margin:25px;display:inline-block}.project-visual .visual-label{margin-left:0;font-size:8px}.project-body .problem{min-height:0}@media (width<=1050px){header{flex-wrap:wrap;height:auto;min-height:94px;padding-top:18px;padding-bottom:18px}header nav{flex-wrap:wrap;gap:16px}.flow-diagram{grid-template-columns:1fr 1fr;gap:26px}.flow-diagram li:nth-child(2):after{content:"↓";top:auto;bottom:-25px;right:50%}.flow-diagram li:nth-child(3):after{content:"→"}}@media (width<=720px){header{gap:18px}header nav{justify-content:space-between;gap:10px;width:100%;font-size:11px}header nav>a:first-child{display:block}header .brand{font-size:15px}.timeline article{grid-template-columns:1fr;gap:6px}.timeline h3{font-size:21px}.skills-grid,.education{grid-template-columns:1fr;gap:20px}.credentials{padding:23px}.flow-diagram,.flow-explanation,.design-details{grid-template-columns:1fr}.flow-diagram{gap:28px}.flow-diagram li:not(:last-child):after,.flow-diagram li:nth-child(3):after{content:"↓";top:auto;bottom:-25px;right:50%}.design-figure{margin:25px 0;padding:20px}.flow-diagram strong{font-size:13px}.design-figure figcaption{font-size:10px}.case-nav{grid-template-columns:1fr;display:grid}.case-nav a{font-size:12px}.design-end .text-link{margin:25px 0}.source-box{padding:20px}.compact-flow{min-height:0}.compact-flow li{font-size:12px}.project-meta{font-size:9px}}@media (width>=721px) and (width<=1050px){.flow-diagram{grid-template-columns:1fr}.flow-diagram li:not(:last-child):after,.flow-diagram li:nth-child(3):after{content:"↓";top:auto;bottom:-25px;right:50%}}@media (width<=720px){.case-nav>a:first-child{display:block}}