:root{--ink:#101918;--muted:#52605c;--line:#dce2df;--paper:#fff;--soft:#f3f6f4;--accent:#c7f36b;--dark-muted:#aebcb5;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #42730d;outline-offset:5px}::selection{color:var(--ink);background:var(--accent)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}h1,h2,h3{font-weight:650;letter-spacing:-.055em}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.container{max-width:1280px;margin:0 auto;padding:0 48px}.header{height:100px;max-width:1376px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 38px/1 Manrope,Arial,sans-serif;letter-spacing:-4px}.brand span{color:#5b8225}.header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:550}.header nav a{transition:color .2s}.header nav a:hover{color:#557d27}.nav-contact{border:1px solid var(--line);border-radius:100px;padding:11px 19px}.nav-contact span{margin-left:12px}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--accent);padding:10px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;padding-top:80px;padding-bottom:72px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;line-height:1.6}.divider{color:#8b9790;margin:0 9px}h1{font-size:clamp(42px,4.55vw,66px);line-height:1.13;margin:26px 0}h1>span{color:#6c7d73}.intro{color:var(--muted);max-width:480px;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 22px;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--ink);color:white}.primary:hover{background:#2c4138}.text-link{font-size:14px;font-weight:550}.text-link span{margin-left:9px}.hero-foot{display:flex;gap:24px;margin-top:45px;color:var(--muted);font-size:12px}.hero-foot span+span{border-left:1px solid var(--line);padding-left:24px}.system-art{position:relative;height:470px;background:var(--ink);color:white;border-radius:20px;overflow:hidden;background-image:radial-gradient(#ffffff11 1px,transparent 1px);background-size:20px 20px}.art-heading,.art-footer{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;color:var(--dark-muted);font-size:12px;letter-spacing:.06em}.art-heading{top:25px}.art-footer{bottom:24px;align-items:center}.cross{font-size:24px;color:var(--accent)}.orbit{position:absolute;border:1px solid #a4b3a01a;border-radius:50%;width:340px;height:340px;left:calc(50% - 170px);top:70px}.orbit-two{width:480px;height:480px;left:calc(50% - 240px);top:0}.art-core{position:absolute;top:66px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:8px}.core-symbol{font:800 56px/1 Manrope,sans-serif;letter-spacing:-5px;color:var(--accent)}.art-core>span:last-child{font-size:10px;letter-spacing:.12em;color:var(--dark-muted)}.system-node{position:absolute;display:flex;align-items:center;gap:14px;border:1px solid #53664c;background:#1c2823;border-radius:10px;padding:15px 18px;width:82%;box-shadow:0 14px 25px #0002}.node-web{top:172px;left:5%;transform:rotate(-4deg)}.node-mobile{top:248px;left:12%;transform:rotate(3deg);background:#c7f36b;color:var(--ink);border-color:var(--accent);z-index:1}.node-security{top:326px;left:7%;transform:rotate(-2deg)}.node-number{font-size:12px;opacity:.6}.system-node div{display:flex;flex-direction:column;flex:1}.system-node strong{font-size:16px;font-weight:600;letter-spacing:-.02em}.system-node div span{font-size:12px;opacity:.65}.system-node svg{flex-shrink:0}.discipline-strip{border-block:1px solid var(--line);background:var(--soft)}.discipline-strip .container{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;color:#58665c;font-size:14px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2{font-size:44px;line-height:1.18;margin-top:16px}.section-heading>p{max-width:330px;color:var(--muted);font-size:16px}.feature-project{display:grid;grid-template-columns:.95fr 1.05fr;background:var(--ink);border-radius:var(--radius);color:white;overflow:hidden}.feature-copy{padding:44px}.project-kicker{font-size:12px;letter-spacing:.08em;color:var(--dark-muted)}.project-kicker>span{margin-right:15px;color:var(--accent)}.feature-copy h3{font-size:60px;line-height:1.2;margin-top:26px}.accent{color:var(--accent)}.project-subtitle{font-size:21px;font-weight:500;margin:10px 0 18px}.feature-copy>p:not(.project-subtitle):not(.project-note){font-size:16px;color:var(--dark-muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{font-size:12px;padding:5px 10px;border:1px solid #ffffff2b;border-radius:5px}.light{background:var(--accent);color:var(--ink)}.project-note{font-size:12px;color:var(--dark-muted);margin-top:20px}.mantis-visual{padding:32px;background:#1b2924;margin:18px;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.diagram-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.07em;color:var(--dark-muted);margin-bottom:34px}.mini-mark{font-size:20px;color:var(--accent);font-weight:bold}.pipeline-input{text-align:center;background:#2a3a31;border:1px solid #576846;padding:15px;border-radius:7px;font-size:16px}.pipeline-input span{display:block;font-size:12px;color:var(--dark-muted);margin-top:3px}.pipeline-line{height:24px;border-left:1px solid #839972;align-self:center}.engine-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.engine-grid>div{grid-column:span 2;background:#101c16;padding:13px 9px;border:1px solid #41523b;border-radius:6px;display:flex;flex-direction:column}.engine-grid>div:nth-child(n+4){grid-column:span 3}.engine-grid b{font-size:10px;color:var(--accent);font-weight:400;margin-bottom:8px}.engine-grid strong{font-size:13px;font-weight:550}.engine-grid span{font-size:11px;color:var(--dark-muted)}.pipeline-output{display:flex;justify-content:space-evenly;border:1px solid #657a51;background:#c7f36b0d;border-radius:7px;padding:15px 8px;color:var(--accent);font-size:13px}.diagram-caption{font-size:10px;color:var(--dark-muted);margin-top:24px;text-align:center}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}.system-art{height:500px}.art-core{top:82px}.node-web{top:188px}.node-mobile{top:264px}.node-security{top:342px}}
@media(max-width:1000px){.container{padding-left:30px;padding-right:30px}.header{padding-inline:30px}.hero{gap:28px}.eyebrow{font-size:11px}.hero-foot{gap:12px}.hero-foot span+span{padding-left:12px}.feature-copy{padding:30px}.mantis-visual{padding:22px;margin:12px}.system-node{padding:14px 12px;gap:10px}.system-node strong{font-size:14px}.system-node div span{font-size:11px}}
@media(max-width:760px){.header{height:80px}.header nav{gap:20px}.header nav>a:nth-child(3){display:none}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:40px}h1{font-size:clamp(41px,8vw,64px)}.hero-copy{max-width:580px}.intro{max-width:530px}.hero-foot{margin-top:30px}.system-art{height:440px;max-width:530px;width:100%;margin:auto}.art-core{top:53px}.node-web{top:154px}.node-mobile{top:231px}.node-security{top:308px}.system-node strong{font-size:16px}.system-node div span{font-size:12px}.discipline-strip .container{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;font-size:12px}.section{padding-top:64px;padding-bottom:64px}.section-heading{display:block}.section-heading h2{font-size:36px}.section-heading>p{margin-top:20px;max-width:500px}.feature-project{grid-template-columns:1fr}.feature-copy{padding:30px}.feature-copy h3{font-size:48px}.mantis-visual{padding:25px;margin:0 16px 16px}.diagram-top{margin-bottom:20px}.footer{gap:20px;flex-wrap:wrap}.footer p{font-size:12px}}
@media(max-width:420px){.container,.header{padding-left:20px;padding-right:20px}.header nav{gap:16px}.header nav>a:nth-child(2){display:none}.nav-contact{padding:8px 14px}.hero-foot{font-size:11px}.hero-actions{gap:24px}.system-node{width:87%}.node-mobile{left:8%}.art-heading,.art-footer{left:20px;right:20px}}
.case-study{border-top:1px solid var(--line)}.case-study summary{padding:19px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.case-study summary::-webkit-details-marker,.archive summary::-webkit-details-marker{display:none}.case-study summary b{font-size:22px;font-weight:400;display:inline-block;transition:transform .2s}.case-study[open] summary b,.archive[open] .archive-toggle{transform:rotate(45deg)}.mantis-case{margin-top:12px;border-top:none;border-bottom:1px solid var(--line);padding-inline:8px}.summary-hint{font-weight:400;color:var(--muted);display:flex;align-items:center;gap:25px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 48px;padding:15px 0 35px}.case-grid h4,.case-content h4{font-size:15px;letter-spacing:-.02em;margin-bottom:8px}.case-grid p,.case-content p{font-size:15px;color:var(--muted);line-height:1.8}.underlined{display:inline-block;font-size:14px;border-bottom:1px solid #89968d;padding-bottom:4px;margin-top:16px;font-weight:550}.underlined:hover{border-color:#386007;color:#386007}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px;align-items:start}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.project-cover{height:335px;position:relative;overflow:hidden}.still-cover{background:#e6eee7;display:flex;align-items:center;padding:30px}.cover-copy{align-self:flex-start;margin-top:20px;width:50%;z-index:1}.cover-copy>span:first-child{font-size:10px;letter-spacing:.1em;font-weight:600}.cover-copy strong{display:block;font:650 32px/1.2 Manrope,sans-serif;letter-spacing:-.05em;margin-top:20px}.cover-pill{font-size:11px;border:1px solid #8fa68e;border-radius:100px;padding:5px 12px;display:inline-block;margin-top:25px}.still-cover img{width:43%;height:auto;position:absolute;right:7%;top:26px;transform:rotate(9deg);border:5px solid #1b2420;border-radius:25px;box-shadow:10px 15px 35px #17251c30}.image-caption{position:absolute;bottom:14px;left:24px;font-size:10px;color:#536357;letter-spacing:.015em}.prism-cover{background:#e4ebf2;padding:26px;color:#18334a}.prism-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em}.prism-symbol{font-size:23px;letter-spacing:-.1em;font-weight:700}.scan-diagram{display:flex;align-items:center;gap:24px;margin-top:49px}.scan-icon{width:104px;height:104px;flex-shrink:0;stroke:#4d718e;stroke-width:2}.scan-diagram strong{font:650 28px/1.25 Manrope,sans-serif;letter-spacing:-.05em}.scan-diagram div>span{display:block;font-size:12px;margin-top:15px;color:#516d84}.prism-bottom{display:flex;gap:7px;flex-wrap:wrap;margin-top:33px}.prism-bottom span{font-size:10px;border:1px solid #b5c6d6;border-radius:100px;padding:4px 8px}.card-body{padding:30px}.card-body .project-kicker{color:var(--muted)}.card-body .project-kicker>span{color:#657b59}.card-body h3{font-size:32px;margin:14px 0 10px}.card-body>p{color:var(--muted);min-height:79px}.card-body .tags span,.supporting-projects .tags span{border-color:var(--line);background:var(--soft);color:var(--muted)}.card-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px;font-weight:550;margin:26px 0}.card-links a:hover,.skills-grid a:hover,.timeline a:hover{color:#507927}.case-content{padding:0 0 14px}.case-content h4:not(:first-child){margin-top:20px}.supporting-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.supporting-projects article{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column;align-items:start}.small-number{font-size:11px;letter-spacing:.06em;color:var(--muted)}.supporting-projects h3{font-size:22px;letter-spacing:-.04em;line-height:1.35;margin:15px 0}.supporting-projects p{font-size:15px;color:var(--muted);flex:1}.supporting-projects .tags{margin-bottom:0}.archive{margin-top:65px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.archive>summary{list-style:none;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer}.archive h3{font-size:25px;line-height:1.3;margin:8px 0}.archive summary p:last-child{font-size:14px;color:var(--muted)}.archive-toggle{font-size:28px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #c1cdc5;border-radius:50%;flex-shrink:0}.archive-content{padding:0 30px 30px}.archive-controls{display:flex;gap:25px;align-items:end;padding-top:15px}.archive-controls label{font-size:13px;font-weight:550}.archive-controls label:first-child{flex:1}.archive-controls input[type=search]{display:block;width:100%;background:#fff;border:1px solid #b4c3b9;border-radius:6px;padding:12px 15px;margin-top:8px;color:var(--ink)}.fork-control{display:flex;align-items:center;gap:8px;padding-bottom:13px}.fork-control input{width:17px;height:17px;accent-color:#33543c}.repository-count{font-size:13px;color:var(--muted);margin:22px 0 10px}.repository-row{display:grid;grid-template-columns:1fr auto 15px;gap:15px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.repository-row:hover strong{color:#4a7026}.repository-row strong{font-size:14px;overflow-wrap:anywhere;font-weight:550}.repository-row>span{font-size:12px;color:var(--muted)}.archive-note{font-size:12px;color:var(--muted);margin-top:25px}.about-section{background:var(--soft);padding:90px 0}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-layout h2,.background-title h2{font-size:43px;line-height:1.2;margin:18px 0 24px}.about-layout p:not(.eyebrow){color:var(--muted);margin-bottom:18px}.about-layout .about-lead{font-size:19px;color:var(--ink)!important}.principles{padding-top:38px}.principles>div{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:24px 0}.principles>div>span{font-size:12px;color:#637958;padding-top:4px}.principles h3{font-size:20px;letter-spacing:-.035em;margin-bottom:8px}.principles p{font-size:15px;margin:0!important}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.skills-grid article{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-direction:column}.skill-index{font-size:11px;letter-spacing:.07em;color:var(--muted)}.skills-grid h3{font-size:21px;letter-spacing:-.04em;line-height:1.3;margin:18px 0 14px}.skills-grid p{font-size:15px;color:var(--muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 25px}.skill-tags span{font-size:12px;background:var(--soft);padding:4px 8px;border-radius:4px}.skills-grid a{font-size:12px;font-weight:600;margin-top:auto}.background-section{display:grid;grid-template-columns:1fr 1.6fr;gap:75px;padding-top:20px;padding-bottom:100px}.background-title h2{font-size:40px}.timeline article{border-top:1px solid var(--line);padding:25px 0 30px}.timeline-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.05em;color:var(--muted)}.timeline h3{font-size:25px;letter-spacing:-.04em;margin:16px 0 10px}.timeline p{color:var(--muted);font-size:15px}.timeline a{display:inline-block;font-size:13px;margin-top:15px;font-weight:550}.contact-section{background:var(--ink);color:white;padding:80px 0}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.contact-layout .eyebrow{color:var(--dark-muted)}.contact-layout h2{font-size:46px;line-height:1.2;margin:20px 0}.contact-layout h2>span{color:var(--accent)}.contact-layout p{color:var(--dark-muted);font-size:16px;max-width:450px;margin-bottom:28px}.contact-links>a{border-bottom:1px solid #ffffff25;display:grid;grid-template-columns:1fr 24px;padding:20px 0}.contact-links>a>span{font-size:10px;letter-spacing:.1em;color:var(--dark-muted)}.contact-links strong{grid-row:2;grid-column:1;font-size:clamp(14px,1.5vw,19px);font-weight:450;margin-top:4px;overflow-wrap:anywhere}.contact-links b{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-size:20px;font-weight:400}.contact-links a:hover strong{color:var(--accent)}.contact-links>p{display:flex;justify-content:space-between;font-size:12px;margin-top:24px;margin-bottom:0;max-width:none}.footer .brand{color:var(--ink)}
@media(max-width:1100px){.scan-diagram{gap:16px}.scan-icon{width:80px;height:80px}.scan-diagram strong{font-size:24px}.skills-grid{grid-template-columns:1fr 1fr;gap:32px}.about-layout{gap:50px}.contact-layout{gap:45px}.contact-layout h2{font-size:39px}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:28px}.project-cover{height:340px}.still-cover img{width:40%;right:10%}.cover-copy strong{font-size:36px}.scan-diagram{gap:28px;margin-top:45px}.scan-icon{width:110px;height:110px}.scan-diagram strong{font-size:32px}.prism-bottom{margin-top:25px}.case-grid{grid-template-columns:1fr;gap:24px}.summary-hint{font-size:12px;gap:14px}.card-body>p{min-height:0}.supporting-projects{grid-template-columns:1fr;gap:30px;margin-top:38px}.supporting-projects h3{font-size:24px}.archive{margin-top:45px}.archive>summary,.archive-content{padding:23px}.archive-content{padding-top:0}.archive h3{font-size:22px}.archive-controls{display:block}.fork-control{margin-top:15px;padding:0}.repository-row{grid-template-columns:1fr 15px;gap:2px 10px}.repository-row>span:not(.repo-arrow){grid-column:1}.repository-row .repo-arrow{grid-column:2;grid-row:1/3}.about-section{padding:60px 0}.about-layout{grid-template-columns:1fr;gap:12px}.about-layout h2{font-size:36px}.principles{padding-top:0}.skills-grid{gap:32px 22px}.skills-grid h3{font-size:19px}.skills-grid p{font-size:14px}.background-section{grid-template-columns:1fr;gap:35px;padding-top:0;padding-bottom:65px}.background-title h2{font-size:36px}.background-title h2 br{display:none}.background-title h2 br:after{content:' '}.timeline-meta{font-size:10px}.timeline h3{font-size:23px}.contact-section{padding:60px 0}.contact-layout{grid-template-columns:1fr;gap:30px}.contact-layout h2{font-size:38px}.contact-links strong{font-size:19px}.contact-links>p{font-size:12px}}
@media(max-width:420px){.card-body{padding:24px}.cover-copy strong{font-size:30px}.project-cover{height:295px}.still-cover{padding:24px}.still-cover img{width:44%;right:5%;top:28px}.scan-diagram{gap:18px;margin-top:37px}.scan-icon{width:75px;height:75px}.scan-diagram strong{font-size:26px}.prism-bottom{gap:5px;margin-top:25px}.prism-bottom span{font-size:9px}.summary-hint{font-size:0}.summary-hint b{font-size:22px}.skills-grid{grid-template-columns:1fr}.skills-grid h3{font-size:23px}.skills-grid p{font-size:16px}.skills-grid a{font-size:13px}.contact-layout h2{font-size:34px}.archive h3{font-size:20px}.archive-toggle{width:35px;height:35px}.archive summary p:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.background-section > *{min-width:0}.timeline-meta{flex-wrap:wrap}@media(max-width:760px){.background-title h2 br{display:initial}}
.hero-actions{flex-wrap:wrap;gap:22px}.hero .intro{max-width:500px}.collection-heading{margin-top:65px}.collection-heading h3{font-size:30px;margin-top:10px;letter-spacing:-.04em}.extended-projects{margin-top:28px;row-gap:40px}.archive-controls select{display:block;width:100%;padding:13px 12px;margin-top:8px;border:1px solid #b4c3b9;background:white;border-radius:6px;color:var(--ink);font:inherit}.archive-controls input,.archive-controls select{min-height:46px}.archive-controls label:first-child{min-width:0}.repository-row{grid-template-columns:minmax(0,1fr) auto 15px}.repository-row p{grid-column:1/3;font-size:13px;color:var(--muted);max-width:740px;margin:4px 0}.repo-arrow{grid-column:3;grid-row:1}.archive-more{background:var(--ink);color:white;border:0;margin-top:24px;cursor:pointer}.archive-more[hidden]{display:none}.support-skills{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}.support-skills h3{font-size:23px;letter-spacing:-.035em;margin-top:12px}.support-skills .skill-tags{margin:0;align-content:start}.support-skills .skill-tags span{font-size:13px}.experience-list{padding-left:20px;color:var(--muted);font-size:15px}.experience-list li+li{margin-top:8px}.degree-school{font-weight:600!important;color:var(--ink)!important;margin-bottom:8px}.contact-links strong{font-size:17px}
@media(max-width:760px){.support-skills{grid-template-columns:1fr;gap:20px}.archive-controls label{display:block;margin-top:14px}.archive-controls .fork-control{display:flex}.repository-row{grid-template-columns:minmax(0,1fr) 15px}.repository-row p{grid-column:1}.repository-row .repo-arrow{grid-column:2}.collection-heading h3{font-size:25px}.hero h1{font-size:clamp(38px,7.3vw,54px)}.hero-actions{gap:18px}.resume-link{font-size:13px}}