:root{--paper:#f6f5f0;--ink:#202b28;--muted:#64706a;--line:#d9ddd5;--green:#24594b;--mint:#deebdf;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:'Avenir Next','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}::selection{background:#cbe2bd}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #397a66;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;font-weight:550;letter-spacing:-.045em}h1{font-size:clamp(44px,5.3vw,74px)}h2{font-size:clamp(32px,3.3vw,45px)}h3{font-size:24px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{max-width:1224px;margin-inline:auto;padding-inline:44px}.mono,.eyebrow,.tag,.status-label,.node-label,.node-detail,.diagram-top,.diagram-bottom,.flow-split,.visual-heading,.vision-bottom,.query-bubble,.data-sources,.retrieval-caption,.location-label,.coordinate{font-family:var(--mono)}.eyebrow{font-size:11px;letter-spacing:.11em;line-height:1.6;font-weight:500;display:inline-block;color:var(--green)}.mono{font-size:11px;letter-spacing:.035em}.muted{color:var(--muted)}.small{font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px;vertical-align:1px}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:34px;line-height:1;font-weight:700;letter-spacing:-2px;display:flex;align-items:center}.brand-dot{color:var(--green)}.wordmark-caption{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.12em;margin-left:18px;border-left:1px solid var(--line);padding-left:18px;line-height:1.5;max-width:85px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{padding-block:12px}.site-header nav a[aria-current],.site-header nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:6px}.site-header .nav-contact{border:1px solid #bcc6bc;border-radius:5px;padding:10px 16px;margin-left:8px;display:flex;gap:20px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding-top:84px;padding-bottom:78px;align-items:center}.hero-copy>.eyebrow{margin-bottom:25px}.hero h1{max-width:620px;margin-bottom:28px;font-size:clamp(46px,5.2vw,70px);line-height:1.06}.hero-intro{font-size:16px;line-height:1.8;max-width:460px;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--green);color:white;border-radius:5px;padding:14px 20px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#173f34;transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:16px;padding:8px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.system-visual{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d5ded4;background:#edf1e8;background-image:radial-gradient(#aabdab 1px,transparent 1px);background-size:17px 17px;border-radius:8px;min-height:430px;padding:23px 24px;display:flex;flex-direction:column;align-items:center}.diagram-top,.diagram-bottom{width:100%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.04em;color:#566c5d;gap:8px;z-index:1}.diagram-top{margin-bottom:35px}.diagram-bottom{margin-top:auto;padding-top:28px}.orbit{position:absolute;border:1px solid #cddacb;border-radius:50%;z-index:-1;width:330px;height:330px;top:40px}.orbit-two{width:245px;height:245px;top:84px}.flow-node{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fafbf6;border:1px solid #b9cbb9;border-radius:6px;box-shadow:0 6px 18px #29403306;width:87%;z-index:1}.flow-node>div{display:flex;flex-direction:column}.node-label{font-size:7px;color:#667563;letter-spacing:.075em;margin-bottom:4px}.flow-node strong{font-size:15px;font-weight:550;letter-spacing:-.02em}.node-detail{font-size:8px;color:#788472;margin-top:4px}.node-icon{border:1px solid #c6d5c1;color:#427056;min-width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:#eff4e9;font-size:20px}.flow-connector{width:1px;height:25px;background:#9cb396}.flow-split{display:flex;justify-content:space-between;width:95%;font-size:7px;letter-spacing:.03em;margin-bottom:10px;color:#60705d}.flow-center{display:flex;align-items:center;flex-direction:column;width:155px;border:1px solid #8fac85;border-radius:5px;padding:10px 12px;background:#e1ecd7;box-shadow:0 0 0 5px #edf1e8}.flow-center strong{font-size:20px;letter-spacing:-.035em}.flow-center>span:last-child{font-family:var(--mono);font-size:7px;color:#5a7151;margin-top:3px}.crosshair{font-size:23px;color:#427056;line-height:1.1}.node-output{padding-block:13px}.output-dot{width:7px;height:7px;background:#6e915c;border-radius:50%;margin-left:auto}.focus-strip{padding-block:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.focus-strip p{font-size:13px;color:var(--ink);margin:0}.focus-strip>span:last-child{margin-left:auto}.section{padding-top:75px;padding-bottom:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading h2{margin-top:15px;margin-bottom:0}.section-heading>p{font-size:13px;margin:0}.section-heading>.text-link{margin-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.project-card{min-width:0}.project-visual-link{display:block;position:relative;overflow:hidden;border-radius:6px}.project-visual{height:290px;position:relative;overflow:hidden;border-radius:6px;transition:transform .4s}.project-visual-link:hover .project-visual{transform:scale(1.018)}.visual-arrow{position:absolute;right:16px;bottom:16px;width:30px;height:30px;display:grid;place-items:center;background:#f6f5f0ed;border-radius:50%;font-size:18px;border:1px solid #cad4ca}.visual-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.04em;position:absolute;top:20px;left:20px;right:20px}.vision{background:#1c3932;color:#c4d6c7;background-image:linear-gradient(#84a28a0d 1px,transparent 1px),linear-gradient(90deg,#84a28a0d 1px,transparent 1px);background-size:24px 24px}.road-line{height:5px;position:absolute;background:repeating-linear-gradient(90deg,#76918340 0px,#76918340 30px,transparent 30px,transparent 65px);width:130%;left:-15%;transform:rotate(-12deg)}.road-one{top:110px}.road-two{top:240px}.vehicle{position:absolute;left:50%;top:95px;transform:translateX(-50%);width:168px;height:90px;border:1px solid #9ab3a1;border-radius:36px 36px 12px 12px;background:#567265;box-shadow:9px 12px 30px #0a1e1455}.vehicle:before,.vehicle:after{content:'';position:absolute;bottom:17px;width:27px;height:9px;border-radius:2px;background:#c2d6b7}.vehicle:before{left:10px}.vehicle:after{right:10px}.windshield{position:absolute;top:9px;left:24px;right:24px;height:36px;background:#29463c;border:1px solid #8ca995;border-radius:16px 16px 3px 3px}.plate{font-family:var(--mono);font-size:9px;position:absolute;bottom:7px;left:55px;border-radius:2px;padding:2px 6px;background:#dbe3cc;color:#284b36;line-height:1.5}.bounding-box{position:absolute;width:208px;height:129px;top:77px;left:50%;transform:translateX(-50%);border:1px solid #b6d69b}.bounding-box>span{position:absolute;top:-17px;left:-1px;font:7px var(--mono);padding:4px;background:#c8e4ac;color:#183c2b}.bounding-box:before,.bounding-box:after{content:'';position:absolute;width:10px;height:10px;border:2px solid #d3e9b9}.bounding-box:before{left:-2px;top:-2px;border-right:0;border-bottom:0}.bounding-box:after{right:-2px;bottom:-2px;border-left:0;border-top:0}.plate-box{position:absolute;top:160px;left:calc(50% - 34px);width:68px;height:22px;border:1px solid #eed59b}.plate-box>span{position:absolute;left:70px;top:5px;font:7px var(--mono);white-space:nowrap;color:#f0dba6}.vision-bottom{display:flex;align-items:center;gap:17px;position:absolute;bottom:22px;left:22px;font-size:8px}.vision-bottom b{font-weight:400;color:#91ae93}.retrieval{background:#e4e9df;color:#4a6150;background-image:radial-gradient(#adbcab 1px,transparent 1px);background-size:17px 17px}.query-bubble{position:absolute;top:76px;left:50%;transform:translateX(-50%);width:74%;background:#fafbf6;border:1px solid #b7c8b2;box-shadow:0 5px 10px #415b3907;border-radius:5px;padding:12px 14px;font-size:10px;display:flex;align-items:center;gap:12px}.query-bubble>span{font-size:23px;line-height:1}.retrieval-line{position:absolute;left:50%;width:1px;height:31px;top:124px;background:#94ab8c}.data-sources{display:flex;position:absolute;left:10%;right:10%;top:155px;gap:10px;justify-content:center}.data-sources>div{font-size:8px;background:#f1f4eb;border:1px solid #becdb6;border-radius:5px;padding:14px 9px;flex:1;text-align:center;display:flex;flex-direction:column;gap:5px}.data-sources span{font-size:24px;line-height:1.2}.retrieval-caption{position:absolute;bottom:23px;left:23px;font-size:8px;letter-spacing:.04em}.retrieval-caption .status-dot{width:5px;height:5px;margin-right:4px}.project-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;margin-bottom:12px}.project-meta .eyebrow{font-size:9px}.status-label{font-size:8px;letter-spacing:.01em;padding:3px 7px;border:1px solid #d4dace;border-radius:3px;white-space:nowrap}.status-label.development{background:#f0e8d6;border-color:#ded3b8;color:#73571c}.status-label.professional{background:#e3ecdf;color:#39562e}.project-card h3{font-size:25px;margin:0 0 12px}.project-card h3 a{display:flex;justify-content:space-between;gap:16px}.project-card h3 a:hover{color:var(--green)}.project-card h3 span{font-size:20px}.project-card>p{font-size:14px;line-height:1.75;margin-bottom:18px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:9px;letter-spacing:.01em;padding:4px 8px;border:1px solid var(--line);border-radius:3px;color:#58634f;line-height:1.4}.neutral{background:#e4e9df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.neutral-symbol{font:60px var(--mono);color:var(--green)}.uploaded img{width:100%;height:100%;object-fit:cover}.approach-section{background:#e9ede4;border-block:1px solid #dbe1d4}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:64px}.approach-inner h2{margin:18px 0 22px}.approach-inner>div>p{max-width:340px;font-size:14px}.principles>div{display:flex;gap:24px;border-bottom:1px solid #d2dbcc;padding-bottom:23px;margin-bottom:23px}.principles>div:last-child{border:0;margin-bottom:0;padding-bottom:0}.principles .mono{margin-top:4px;color:#758168}.principles h3{font-size:18px;margin-bottom:8px}.principles p{font-size:13px;margin:0}.notes-empty{border-block:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:27px}.note-icon{font:27px var(--mono);color:#7a886d}.notes-empty h3{font-size:20px;margin-bottom:8px}.notes-empty p{font-size:13px;margin:0;max-width:650px}.notes-empty>.tag{margin-left:auto;white-space:nowrap}.site-footer{border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:60px}.footer-main h2{margin:17px 0;font-size:46px}.footer-main p{font-size:13px}.contact-links{min-width:250px}.contact-primary{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid #90a18b;font-size:27px;padding:10px 0;margin-bottom:20px;color:var(--green)}.social-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.social-links a:hover{text-decoration:underline}.placeholder{font-family:var(--mono);border-bottom:1px dashed #a4b29b;padding-bottom:13px}.footer-bottom{padding-block:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:9px;color:#64725d}.footer-location{margin-left:20px}.page-intro{padding-top:75px;padding-bottom:50px}.page-intro>.eyebrow,.page-intro>div>.eyebrow{margin-bottom:20px}.page-intro h1{margin-bottom:25px}.page-intro>p{max-width:610px;font-size:18px}.project-list,.blog-list{padding-top:25px}.project-list .project-grid{row-gap:60px}.case-study,.blog-article{padding-top:35px}.back-link{font-size:12px;color:var(--muted);display:inline-block;padding:12px 0;margin-bottom:28px}.back-link:hover{color:var(--green)}.article-header{max-width:840px;margin:0 auto 45px}.article-header h1{font-size:clamp(40px,5.3vw,68px);margin:20px 0 25px}.article-header .project-meta{justify-content:flex-start;gap:20px}.article-lead{font-size:20px;line-height:1.7}.article-header .tags{margin-top:25px}.case-visual{max-width:840px;margin:auto}.case-visual .project-visual{height:340px}.case-visual .visual-heading{font-size:10px}.case-visual .vehicle{top:120px}.case-visual .bounding-box{top:102px}.case-visual .plate-box{top:185px}.case-visual .query-bubble{top:96px;max-width:450px}.case-visual .retrieval-line{top:145px}.case-visual .data-sources{top:175px;max-width:520px;margin:auto}.article-body{max-width:720px;margin:55px auto 70px}.prose{font-size:17px;line-height:1.85;overflow-wrap:break-word}.prose h2{font-size:31px;line-height:1.2;letter-spacing:-.035em;margin:40px 0 20px}.prose h3{font-size:23px;margin:30px 0 15px}.prose p{margin-bottom:22px}.prose a:not(.button){color:var(--green);text-decoration:underline;text-underline-offset:3px}.prose li{margin-bottom:9px;color:var(--muted)}.prose strong{color:var(--ink);font-weight:600}.prose blockquote{margin:35px 0;padding:5px 0 5px 24px;border-left:3px solid #8aa77b;font-size:24px;color:var(--green);line-height:1.6}.prose figure{margin:35px 0}.prose figure img{border-radius:5px}.prose figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:10px}.code-block{background:#1d3029;color:#d5e8d0;border-radius:6px;overflow:hidden;margin-block:30px}.code-header{display:flex;justify-content:space-between;padding:10px 17px;border-bottom:1px solid #3d5047;font:10px var(--mono)}.copy-code{border:0;background:transparent;color:#d5e8d0;font:10px var(--mono);cursor:pointer;padding:4px}.copy-code:hover{text-decoration:underline}.code-block pre{overflow-x:auto;font:13px/1.8 var(--mono);padding:20px;margin:0;tab-size:4}.article-end{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);max-width:840px;margin:auto;padding-block:30px 60px;color:var(--muted)}.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.about-intro h1{font-size:clamp(42px,4.6vw,63px)}.about-summary{padding-top:35px}.coordinate{font-size:10px;letter-spacing:.07em;color:#87927b;display:block;margin-bottom:22px}.about-summary p{font-size:19px;line-height:1.7}.location-label{font-size:10px;color:var(--green)}.bio-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:20px}.bio-section>.eyebrow{padding-top:7px}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.skill-group{border-top:1px solid #aebda3;padding-top:20px}.skill-number{color:#87927b}.skill-group h3{font-size:23px;margin:20px 0 12px}.skill-context{display:inline-block;font:9px var(--mono);color:var(--green);background:#e5ebdf;padding:4px 7px;margin-bottom:15px}.skill-group>p{font-size:13px;line-height:1.8}.experience-section{padding-top:10px}.experience-section>h2{margin:18px 0 35px}.experience-row{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px}.experience-row h3{font-size:22px}.experience-row .prose{font-size:15px}.post-row{display:grid;grid-template-columns:130px 1fr 25px;gap:30px;padding:30px 0;border-top:1px solid var(--line)}.post-row h3{font-size:25px;margin:10px 0}.post-row h3 a:hover{text-decoration:underline;text-underline-offset:5px}.post-row p{font-size:14px;margin:0}.post-row>.mono{padding-top:5px}.blog-empty{padding:55px 30px 65px;text-align:center;border:1px dashed #c5cec0;border-radius:5px;background:#edf0e7}.blog-empty>.mono{color:#728266}.blog-empty h2{margin-top:25px;font-size:36px}.blog-empty p{font-size:16px;margin-bottom:25px}.pagination{display:flex;justify-content:center;gap:30px;margin-top:35px;font-size:14px}.pagination a{text-decoration:underline}.skip-link{position:absolute;top:-80px;left:20px;z-index:100;background:var(--green);color:white;padding:10px 20px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s ease-out both}.system-visual{animation:arrive .8s .1s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1050px){.wrap{padding-inline:32px}.hero{gap:32px}.hero h1{font-size:55px}.hero-actions{gap:18px;flex-wrap:wrap}.focus-strip{gap:20px}.focus-strip>span:last-child{display:none}.system-visual{padding-inline:18px}.flow-node{width:95%}.project-meta{flex-wrap:wrap;gap:6px}.approach-inner{gap:55px}.about-intro{gap:45px}.wordmark-caption{display:none}}
@media(max-width:760px){.wrap{padding-inline:24px}.site-header{height:88px}.wordmark{font-size:31px}.site-header nav{gap:20px;font-size:12px}.site-header .nav-contact{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:44px}.hero h1{font-size:clamp(45px,9vw,67px);max-width:560px}.hero-intro{max-width:510px}.hero-actions{flex-wrap:wrap}.system-visual{max-width:500px;width:100%;margin:auto;min-height:418px}.flow-node{max-width:310px}.flow-split{max-width:345px}.focus-strip{align-items:flex-start;gap:15px;padding-block:20px}.focus-strip .eyebrow{white-space:nowrap;margin-top:3px;font-size:9px}.focus-strip p{font-size:12px}.section{padding-top:48px;padding-bottom:48px}.section-heading{gap:15px;margin-bottom:25px}.section-heading>.text-link{font-size:11px;white-space:nowrap}.section-heading h2{font-size:32px}.project-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:300px}.project-meta{flex-wrap:nowrap}.project-card h3{font-size:25px}.approach-inner{grid-template-columns:1fr;gap:30px;padding-block:45px}.approach-inner>div>p{max-width:480px}.principles>div{gap:20px}.notes-empty{flex-wrap:wrap;gap:18px}.notes-empty>.tag{margin-left:0}.note-icon{display:none}.footer-main{flex-direction:column;align-items:flex-start;gap:25px;padding-block:40px}.footer-main h2{font-size:40px}.contact-links{width:100%}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){display:none}.footer-location{margin-left:10px}.page-intro{padding-top:48px;padding-bottom:25px}.page-intro h1{font-size:45px}.page-intro>p{font-size:16px}.about-intro{grid-template-columns:1fr;gap:0}.about-summary{padding-top:0}.coordinate{margin-top:10px;margin-bottom:16px}.about-summary p{font-size:17px}.bio-section{grid-template-columns:1fr;gap:20px;padding-top:25px;margin-top:20px}.skills-grid{grid-template-columns:1fr;gap:30px}.skill-group h3{margin-top:14px}.experience-row{grid-template-columns:1fr;gap:12px}.article-header h1{font-size:42px}.article-lead{font-size:17px}.article-header{margin-bottom:30px}.article-header .project-meta{flex-wrap:wrap}.case-visual .project-visual{height:300px}.case-visual .visual-heading{font-size:7px}.article-body{margin-top:35px;margin-bottom:40px;font-size:16px}.article-body h2{font-size:28px}.article-end{flex-wrap:wrap;padding-bottom:35px}.blog-empty{padding-inline:18px}.blog-empty h2{font-size:29px}.blog-empty p{font-size:14px}.post-row{grid-template-columns:1fr 20px;gap:10px}.post-row>.mono{grid-column:1/-1}.post-row h3{font-size:22px}.section-heading>p{display:none}.code-block pre{font-size:12px}.experience-section{padding-top:15px}}
@media(max-width:760px){.section-heading{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:360px){.wrap{padding-inline:18px}.site-header nav{gap:14px}.hero h1{font-size:42px}.project-meta{flex-wrap:wrap}.query-bubble{font-size:9px}.data-sources{gap:5px;left:6%;right:6%}.diagram-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}