:root{--bg:#101917;--panel:#17231f;--line:#30413a;--ink:#edf0e9;--muted:#a5b6ac;--green:#c6ed99;--cream:#e8e7dc;--dark:#15251f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:7px}::selection{background:var(--green);color:var(--dark)}.wrap{max-width:1240px;width:calc(100% - 112px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;font-weight:800;letter-spacing:-1.7px}.wordmark span{color:var(--green)}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a:hover,.text-link:hover,.contact-links a:hover{color:var(--green)}.nav-contact{border:1px solid var(--line);padding:9px 18px;border-radius:30px}.nav-contact span{margin-left:18px}.hero{position:relative;display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding-top:100px}.eyebrow{font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:1.6px;font-weight:500;text-transform:uppercase}.dot{display:inline-block;background:var(--green);height:7px;width:7px;border-radius:50%;margin-right:8px;vertical-align:middle}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(44px,5.2vw,72px);font-weight:500;line-height:1.06;letter-spacing:-3.8px;margin:29px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green)}.intro{font-size:17px;color:var(--muted);max-width:500px;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:34px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 22px;border-radius:4px;font-weight:bold}.primary{color:var(--dark);background:var(--green)}.primary:hover{background:#d7f7b4}.text-link{border-bottom:1px solid var(--line);padding:8px 0}.system{align-self:center;border:1px solid #52654c;border-radius:6px;padding:22px 27px;background:linear-gradient(135deg,#203127 0%,#14211c 100%);transform:rotate(-2deg);box-shadow:14px 14px 0 #15231c}.system-top,.system-bottom{font:10px Consolas,'Courier New',monospace;color:var(--muted);letter-spacing:1px;display:flex;justify-content:space-between}.system-top{padding-bottom:20px}.system-step{display:flex;align-items:center;gap:19px;border-top:1px solid #3c4c3e;padding:19px 0}.step-number{font:11px Consolas,monospace;color:var(--green)}.system-step b{font-size:18px;font-weight:500}.system-step small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.step-icon{margin-left:auto;color:var(--green)}.system-bottom{border-top:1px solid #3c4c3e;padding-top:18px;font-size:9px;justify-content:flex-start;align-items:center;letter-spacing:0}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 0;font:10px Consolas,monospace;letter-spacing:1.6px;color:var(--muted);margin-top:10px}.section{padding-top:90px;padding-bottom:85px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:40px}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px;margin-bottom:3px}h2{font-weight:400;font-size:clamp(31px,3.4vw,44px);line-height:1.2;letter-spacing:-1.6px;margin-bottom:0}.section-heading .eyebrow{color:var(--green);margin-bottom:18px}.project{border:1px solid var(--line);border-radius:6px;overflow:hidden}.featured{display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}.project-copy{padding:34px}.project-meta{display:flex;gap:18px;justify-content:space-between;font:9px Consolas,monospace;letter-spacing:1px;color:var(--muted);line-height:1.8;margin-bottom:22px}h3{font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.6px;margin-bottom:17px}.project-copy>p,.research p{color:var(--muted);font-size:14px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.tags span{font-size:10px;border:1px solid #405044;border-radius:30px;padding:4px 9px;color:#d2dcd0}details{border-top:1px solid var(--line);margin-top:23px}summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13px;padding:18px 0 0;color:var(--green)}summary::-webkit-details-marker{display:none}summary span{font-size:20px}details[open] summary span{transform:rotate(45deg)}.case-content{padding:20px 0 0}.case-content h4{font-size:13px;font-weight:600;margin-bottom:6px}.case-content p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}.invoice-visual{background:var(--cream);position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:390px;padding:70px 25px;color:var(--dark)}.visual-label{position:absolute;left:25px;top:24px;font:9px Consolas,monospace;letter-spacing:1.3px}.invoice-paper{width:140px;background:#fafaf3;box-shadow:0 9px 20px #1b34201c;padding:22px 18px;transform:rotate(-8deg);border:1px solid #cccfbe}.invoice-paper>span{font:bold 13px Arial;letter-spacing:2px}.paper-line{height:4px;width:67%;background:#bfc7b4;margin-top:10px}.paper-line.wide{width:100%;margin-top:23px}.paper-line.short{width:40%;margin-left:auto}.paper-table{height:60px;margin:18px 0;background:repeating-linear-gradient(0deg,transparent,transparent 12px,#cbd2c0 12px,#cbd2c0 13px);border-top:1px solid #9eac92}.invoice-paper>b{font:8px Consolas,monospace;display:block;margin-top:28px;color:#6b7863}.flow-arrow{font-size:30px;color:#637956}.validation{background:#213b2a;color:var(--ink);padding:20px 16px;width:178px;border-radius:5px;box-shadow:0 12px 22px #20351f20}.validation .eyebrow{font-size:8px;letter-spacing:1px;color:#c8dea6}.validation p{font-size:10px;padding:10px 0;border-bottom:1px solid #476042;margin:0;display:flex;justify-content:space-between;gap:10px}.validation p span{color:var(--green)}.validation .review{border:0}.visual-caption{position:absolute;bottom:20px;left:25px;right:20px;font:9px Consolas,monospace;color:#52634c}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.compact{background:var(--panel)}.mini-visual{height:225px;position:relative;display:flex;align-items:center;justify-content:center;color:var(--dark);overflow:hidden}.digitization{background:#c4d8bf}.document-stack{position:relative;width:105px;height:125px}.document-stack>span{display:block;position:absolute;inset:0;border:1px solid #60785c;background:#e1ead9;border-radius:3px;transform:translate(-19px,0) rotate(-15deg)}.document-stack>span:nth-child(2){transform:translate(0,0) rotate(-4deg);background:#eff2e5}.document-stack>span:last-child{transform:translate(20px,0) rotate(8deg);padding:18px;font:12px Consolas,monospace;background:#f8f8ec}.document-stack b{font-size:37px;display:block;color:#426c40}.commerce{background:#d6cdbd}.bar-chart{display:flex;align-items:end;gap:15px;height:110px;border-bottom:1px solid #9b9d86;width:63%;padding:0 12px}.bar-chart i{display:block;background:#425d44;width:25px;height:30%}.bar-chart i:nth-child(2){height:42%;background:#90a477}.bar-chart i:nth-child(3){height:37%}.bar-chart i:nth-child(4){height:60%;background:#90a477}.bar-chart i:nth-child(5){height:57%}.bar-chart i:nth-child(6){height:79%;background:#90a477}.bar-chart i:nth-child(7){height:100%}.research{margin-top:24px;display:grid;grid-template-columns:150px 1fr;gap:30px;padding:34px;background:#14211d}.research-mark{font-family:Georgia,serif;font-size:120px;line-height:1;color:var(--green);align-self:center;justify-self:center}.research .project-meta{margin-bottom:15px}.research h3{font-size:25px}.research p{max-width:730px}.experience{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#14201b}.timeline{margin-top:45px}.timeline article{display:grid;grid-template-columns:240px 1fr;gap:30px;border-top:1px solid var(--line);padding:30px 0}.timeline-date{font:11px Consolas,monospace;color:var(--muted);padding-top:6px}.timeline h3{font-size:23px;margin-bottom:6px}.company{color:var(--green);font-size:13px}.timeline article div>p:last-child{max-width:650px;color:var(--muted);font-size:14px;margin-bottom:0}.about{display:grid;grid-template-columns:1.3fr 1fr;gap:95px}.about h2{margin-bottom:25px}.about>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:570px}.about .eyebrow{color:var(--green)}.toolkit{align-self:start;margin-top:50px}.toolkit>div{border-top:1px solid var(--line);padding:24px 0 10px}.toolkit p{font-size:15px;line-height:1.9;color:var(--muted)}.education{margin-top:35px}.education h3{font-size:18px}.education p{font-size:12px;color:var(--muted);line-height:1.9}.education b{font-size:14px;color:var(--ink);font-weight:500}.education span{color:#89a287}.contact{background:var(--green);color:var(--dark);padding:55px 60px;border-radius:7px;margin-bottom:75px}.contact h2{font-size:clamp(35px,4.6vw,60px);letter-spacing:-2px;margin:20px 0}.contact em{color:#405f3b}.contact>p:not(.eyebrow){font-size:14px}.email-link{display:inline-block;font-size:clamp(16px,2.2vw,27px);border-bottom:1px solid #789a60;padding:10px 0}.email-link span{margin-left:25px}.contact-links{display:flex;gap:28px;margin-top:30px;font-size:12px}.contact-links a:hover{color:#405f3b}footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;gap:25px}footer>span{font-size:10px;color:var(--muted)}.skip{position:absolute;left:10px;top:-100px;z-index:9;background:var(--green);color:var(--dark);padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.hero{padding-top:120px;padding-bottom:15px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:30px;padding-top:65px}h1{font-size:52px;letter-spacing:-2.5px}.hero .eyebrow{font-size:9px}.actions{gap:17px;flex-wrap:wrap}.system{padding:20px}.section-heading{gap:35px}.project-copy{padding:25px}.invoice-visual{gap:12px;padding-left:15px;padding-right:15px}.invoice-paper{width:120px;padding:17px 14px}.validation{width:155px;padding:16px 12px}.about{gap:45px}.project-meta{font-size:8px}.timeline article{grid-template-columns:180px 1fr}.contact{padding:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{padding:20px 0}.wordmark{font-size:25px}nav{gap:17px;font-size:12px}.nav-contact{padding:6px 10px}.nav-contact span{margin-left:4px}nav a[href="#about"]{display:none}.hero{grid-template-columns:1fr;padding-top:55px;gap:35px}h1{font-size:clamp(43px,9vw,62px);letter-spacing:-2.5px}.intro{font-size:16px}.actions{gap:23px;margin-top:26px}.system{margin:15px 8px 5px;transform:rotate(-1deg)}.hero-bottom{font-size:8px;letter-spacing:.6px;gap:15px;margin-top:10px}.section{padding-top:60px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;max-width:100%}h2{font-size:33px}.featured{grid-template-columns:1fr}.invoice-visual{min-height:310px}.invoice-paper{width:140px}.validation{width:167px}.project-grid{grid-template-columns:1fr}.project-copy{padding:25px}.project-meta{font-size:9px}h3{font-size:26px}.research{grid-template-columns:1fr;gap:15px;padding:25px}.research-mark{display:none}.research h3{font-size:24px}.timeline article{grid-template-columns:1fr;gap:5px}.timeline-date{margin-bottom:12px}.timeline h3{font-size:22px}.about{grid-template-columns:1fr;gap:15px}.toolkit{margin-top:15px}.contact{padding:32px 25px;margin-bottom:45px}.contact h2{font-size:39px}.contact .email-link{font-size:16px}.email-link span{margin-left:6px}footer{flex-wrap:wrap;gap:15px}footer>span:last-child{width:100%}.visual-label{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}