:root{color-scheme:dark;--bg:#0b0e12;--panel:#11171d;--line:#28333b;--text:#edf2f4;--muted:#89959e;--cyan:#66d9ef;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:absolute;top:-60px;left:20px;background:var(--cyan);color:#071014;padding:8px 14px;z-index:20}.skip:focus{top:12px}header{height:78px;padding:0 clamp(24px,7vw,112px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;position:sticky;top:0;z-index:10;background:#0b0e12eF;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font:700 11px var(--mono);letter-spacing:.1em}.brand b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2e6470;border-radius:6px;color:var(--cyan);font-weight:500}.brand small{display:block;color:#75818b;font-size:8px;margin-top:2px}.toggle{display:none}header nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px);font-size:12px;color:#a3adb5}header nav a:hover,footer a:hover{color:var(--cyan)}.navcta{border:1px solid #35444d;padding:8px 13px;border-radius:4px;color:#e6edf0}.wrap{padding-left:clamp(24px,11vw,176px);padding-right:clamp(24px,11vw,176px)}.hero{min-height:620px;padding-top:96px;padding-bottom:68px;display:grid;grid-template-columns:1.08fr .92fr;gap:5vw;align-items:center;position:relative}.eyebrow,.kicker,.number,.termhead,.index,.note,.date,.role>small,.visual>small,.contact-grid small,footer>a:last-child{font:9px var(--mono);letter-spacing:.12em}.eyebrow{color:#9aa7b0}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9de5bc;margin:0 9px 1px 0;box-shadow:0 0 10px #9de5bc66}h1{font:700 clamp(43px,5vw,68px)/1.12 var(--display);letter-spacing:-.055em;margin:20px 0 0}h1 em,.heading em{font-style:normal;color:var(--cyan)}.intro{max-width:510px;color:#a1acb4;font-size:15px;margin:24px 0}.intro strong{color:#e8edef}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{height:45px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #35414a;border-radius:4px;font-size:12px;font-weight:600;transition:.2s}.btn:hover{border-color:#71828d;transform:translateY(-2px)}.btn.primary{background:var(--cyan);border-color:var(--cyan);color:#071217}.btn.primary:hover{background:#91e7f4}.meta{margin-top:40px;color:#82909a;font:10px var(--mono);letter-spacing:.04em}.meta span{padding:0 12px;color:#53626c}.terminal{border:1px solid #24303a;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#15232c,#10151b 65%);padding:19px;box-shadow:0 20px 60px #0003}.termhead{display:flex;justify-content:space-between;color:#84929b;font-size:8px}.termhead span:last-child{color:#8eada0}.flow{display:flex;align-items:center;justify-content:space-between;margin:32px 0 25px;color:var(--cyan);font:17px var(--mono)}.flow span{text-align:center;width:58px;border:1px solid #34424b;background:#151e24;border-radius:6px;padding:8px 4px}.flow small{display:block;color:#dce4e8;font:8px var(--sans);margin-top:5px}.flow b{font-size:12px;color:#597b85}.terminal pre{margin:0;background:#0b1014;border:1px solid #28343c;border-radius:4px;padding:13px;color:#c7d2d7;font:9px/1.9 var(--mono);white-space:pre-wrap}.terminal pre i{color:#65737c}.terminal pre span{color:#83d9eb}.terminal pre b{color:var(--cyan);animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.caption{display:block;text-align:center;color:#6e7a83;font-size:9px;margin-top:10px}.index{position:absolute;bottom:22px;left:clamp(24px,11vw,176px);right:clamp(24px,11vw,176px);display:flex;justify-content:space-between;color:#66737c;font-size:8px}.kicker{color:#85939d}.kicker:first-letter{color:var(--cyan)}.snapshot{border-top:1px solid #1a2229;padding-top:80px;padding-bottom:95px}.split{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;margin-top:24px}.split h2,.heading h2{font:650 clamp(32px,4vw,50px)/1.14 var(--display);letter-spacing:-.045em;margin:0}.split h2 i,.heading h2 i{font-style:normal;color:#71808a}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.three article{border-top:1px solid #2b363e;padding-top:13px}.three small{color:var(--cyan);font:9px var(--mono)}h3{font-family:var(--display)}.three h3{font-size:14px;margin:12px 0 6px}.three p,.heading>p{font-size:12px;color:#89959e;line-height:1.8;margin:0}.band{background:#0e1217}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.heading h2{margin-top:17px}.heading>p{max-width:340px;margin-bottom:3px;font-size:13px}.project{border:1px solid #253039;background:#11171d;border-radius:6px;margin-bottom:16px;overflow:hidden}.featured{display:grid;grid-template-columns:.23fr 1fr;padding:30px 34px;gap:26px;background:linear-gradient(110deg,#121a20,#10151b)}.number{color:var(--cyan);font-size:10px}.number small{display:block;color:#78858e;font-size:8px;margin-top:8px}.featured h3{font-size:23px;line-height:1.3;margin:0}.cols{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;margin-top:19px}.cols p,.project-body>p{font-size:11px;color:#a0abb2;line-height:1.8;margin:0}.cols p small{display:block;font:8px var(--mono);color:#72818b;margin-bottom:5px}.workflow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;padding:12px;border:1px solid #27353d;border-radius:4px;background:#0d1318;font:9px var(--mono);color:#c3d0d5}.workflow b{color:var(--cyan)}.note{display:block;color:#6c7a83;font-size:8px;margin-top:7px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;font:9px var(--mono);letter-spacing:0;color:#a9b5bc}.tags span{border:1px solid #29353e;border-radius:3px;padding:4px 7px;background:#141c22}.row{display:grid;grid-template-columns:1fr 1fr;min-height:260px}.visual{padding:22px 26px;background:radial-gradient(ellipse at 50% 100%,#172731,#10171c 72%);border-right:1px solid #253039}.visual>small{color:#73818b;font-size:8px}.dash{max-width:420px;margin:20px auto 0;border:1px solid #2e404a;border-radius:5px;background:#10191f;padding:12px}.dash p{display:flex;justify-content:space-between;margin:0;color:#cad5da;font-size:9px}.dash p small{font:7px var(--mono);color:#72848e}.stats{display:flex;gap:8px;margin:12px 0}.stats span{flex:1;background:#141f25;border:1px solid #23343c;padding:7px;font-size:9px}.chart{height:80px;background:repeating-linear-gradient(to bottom,transparent 0 17px,#28353c 18px);}.chart svg{width:100%;height:100%}.dash>small{font:7px var(--mono);color:#74858e}.project-body{padding:25px 30px}.project-body h3{font-size:23px;line-height:1.3;margin:16px 0 10px}.project-body>p{max-width:470px}.arch{margin-top:14px!important;color:#98a9b1!important;font:8px var(--mono)!important}.code{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 30% 80%,#1c2534,#10161c 70%)}.code pre{background:#0c1117;border-left:1px solid #405566;padding:16px 19px;margin:18px 0;color:#bdc9d0;font:10px/2 var(--mono)}.code pre span{color:#b99cff}.code pre b{color:#9de5bc;font-weight:400}.link{display:inline-block;margin-top:18px;color:var(--cyan);font-size:11px}.link:hover{color:#b2f3fc}.tool-list{border-top:1px solid #28333b;margin-bottom:85px}.tool-row{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;padding:17px 0;border-bottom:1px solid #28333b}.tool-row h3{font:11px var(--mono);margin:3px 0}.tool-row p{font-size:11px;color:#8e9ba3;line-height:1.9;margin:0}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:85px}.four article{padding:19px;border:1px solid #253039;border-radius:5px;background:#11171c}.four small{color:var(--cyan);font:8px var(--mono)}.four h3{font-size:14px;margin:15px 0 7px}.four p{font-size:11px;color:#8f9ba3;margin:0}.timeline{border-top:1px solid #2a353d;margin-bottom:85px}.timeline article{display:grid;grid-template-columns:.38fr 1.62fr;gap:45px;padding:28px 0;border-bottom:1px solid #2a353d}.date{color:#94a0a8;padding-top:5px}.role{display:flex;justify-content:space-between}.role h3{font-size:19px;margin:0}.role p,.client{font-size:11px;color:#98a4ab;margin:4px 0}.role>small{font-size:7px;color:#82929b;border:1px solid #2d3a42;padding:4px 7px;height:max-content}.client{margin:13px 0}.timeline ul{padding-left:16px;color:#a3aeb5;font-size:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.timeline li::marker{color:var(--cyan)}.education{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:80px}.education article{padding:18px 20px;border:1px solid #29343c;border-radius:5px;background:#11171c}.education article:first-child{grid-column:span 2}.education small{font:8px var(--mono);color:var(--cyan)}.education h3{font-size:14px;margin:7px 0 3px}.education p{font-size:10px;color:#89969e;margin:0}.contact{border:1px solid #29404a;border-radius:7px;padding:40px 44px;margin-top:80px;margin-bottom:75px;background:radial-gradient(ellipse at 90% 0,#15252c,#11171c 55%)}.contact h2{font:650 clamp(29px,4vw,45px)/1.2 var(--display);letter-spacing:-.05em;margin:18px 0 9px}.contact>p{color:#95a1a9;font-size:13px;margin:0 0 20px}.contact-grid{border-top:1px solid #2b3941;margin-top:32px;padding-top:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.contact-grid small{display:block;color:#71808a;font-size:8px;margin-bottom:6px}.contact-grid>a,.contact-grid>div{font-size:10px;color:#c7d1d6;overflow-wrap:anywhere}.contact-grid a:hover{color:var(--cyan)}footer{border-top:1px solid #202a31;padding:24px clamp(24px,7vw,112px);display:flex;align-items:center;gap:25px;color:#87939b;font-size:10px}footer .brand{margin-right:auto;color:#e2e8eb}footer nav{display:flex;gap:17px}footer>small{color:#697780}footer>a:last-child{font-size:8px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}dialog{max-width:410px;color:var(--text);background:#141b21;border:1px solid #35434c;border-radius:7px;padding:28px;box-shadow:0 24px 90px #000b}dialog::backdrop{background:#030609c9;backdrop-filter:blur(4px)}dialog h2{font:600 20px var(--display)}dialog p{color:#a1adb5;font-size:12px;line-height:1.8}dialog code{color:#bdeaf2;font:11px var(--mono)}dialog .close{float:right;background:none;border:0;color:#aab5bc;font-size:22px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}@media(max-width:1000px){.wrap{padding-left:7vw;padding-right:7vw}header{padding:0 5vw}.hero{gap:3vw}.index{left:7vw;right:7vw}.four{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){header{height:68px}.toggle{display:block;color:#e4ebee;border:1px solid #2e3a42;background:transparent;border-radius:4px;padding:8px 11px}header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:14px 24px 22px;background:#10151a;border-bottom:1px solid #2a353d;flex-direction:column;align-items:stretch;gap:0}header nav.open{display:flex}header nav a{padding:10px 0;border-bottom:1px solid #202a31}header nav .navcta{text-align:center;margin-top:12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:68px;padding-bottom:64px;gap:34px}h1{font-size:clamp(41px,10vw,59px)}.terminal{width:100%}.snapshot{padding-top:65px;padding-bottom:70px}.split{grid-template-columns:1fr;gap:25px}.heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:30px}.featured{grid-template-columns:1fr;padding:23px;gap:16px}.number small{display:inline;margin-left:8px}.cols{gap:19px}.row{grid-template-columns:1fr}.visual{min-height:220px;border-right:0;border-bottom:1px solid #253039}.reverse .visual{order:0}.reverse .project-body{order:1}.tool-row{grid-template-columns:.7fr 1.3fr;gap:20px}.timeline article{grid-template-columns:1fr;gap:11px;padding:23px 0}.timeline ul{grid-template-columns:1fr}.contact{padding:28px 22px;margin-top:55px}.contact-grid{grid-template-columns:repeat(2,1fr);row-gap:17px}footer{flex-wrap:wrap;gap:16px}footer .brand{width:100%}footer nav{order:2}footer>small{order:4}footer>a:last-child{margin-left:auto;order:5}}@media(max-width:430px){.wrap{padding-left:22px;padding-right:22px}.index{left:22px;right:22px}.hero h1{font-size:40px}.flow{font-size:14px}.flow span{width:52px}.three{grid-template-columns:1fr;gap:13px}.three article{display:grid;grid-template-columns:25px 1fr}.three h3{margin:0}.three p{grid-column:2}.cols{grid-template-columns:1fr;gap:14px}.workflow{line-height:1.8}.tool-row{grid-template-columns:1fr;gap:6px}.four{grid-template-columns:1fr}.four article{padding:17px}.education{grid-template-columns:1fr}.education article:first-child{grid-column:auto}.contact-grid{grid-template-columns:1fr}footer nav{gap:12px}}