/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.15}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted buttontext}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:DM Serif Display;src:url(/fonts/dm-serif-display-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:DM Serif Display;src:url(/fonts/dm-serif-display-italic-latin.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141412;--surface:#1b1b18;--raised:#23231f;--text:#eeede6;--muted:#a8a79c;--accent:#e9ae61;--line:#363630;--font:"DM Sans", sans-serif;--display:"DM Serif Display", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-padding-top:110px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}body:before{content:"";pointer-events:none;opacity:.025;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500;line-height:1.15}em{font-family:var(--display);color:var(--accent);font-weight:400}ul{padding:0;list-style:none}.container{width:min(1240px,100% - 96px);margin-inline:auto}.eyebrow{letter-spacing:.15em;align-items:center;gap:24px;font-size:11px;font-weight:600;line-height:1.6;display:flex}.eyebrow>span:first-child:not(.status-dot){color:var(--accent)}.section{padding-block:120px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:var(--bg);z-index:100;padding:10px 18px;position:fixed;top:8px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{background:var(--accent);transform-origin:0;z-index:30;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#141412eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:96px;display:flex}.brand{align-items:center;gap:18px;min-width:44px;min-height:44px;display:flex}.monogram{font-family:var(--display);letter-spacing:-3px;font-size:36px;line-height:1}.monogram>span{color:var(--accent)}.brand-name{letter-spacing:.02em;font-size:13px;font-weight:600}.navigation{color:var(--muted);gap:30px;font-size:12px;display:flex}.navigation a{padding-block:8px;transition:color .2s;position:relative}.navigation a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:3px;left:0;transform:scaleX(0)}.navigation a:hover,.navigation a[aria-current]{color:var(--text)}.navigation a:hover:after,.navigation a[aria-current]:after{transform:scaleX(1)}.header-controls{align-items:center;gap:24px;display:flex}.language-control{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.language-control button{letter-spacing:.04em;min-width:44px;min-height:44px;color:var(--muted);place-items:center;padding:0 3px;font-weight:600;display:inline-grid}.language-control button[aria-pressed=true]{color:var(--accent)}.menu-toggle{width:44px;height:44px;display:none}.button{min-height:54px;transition:background .25s, transform .3s var(--ease), box-shadow .3s;justify-content:space-between;align-items:center;gap:30px;padding:16px 24px;font-size:12px;font-weight:600;display:inline-flex}.button-primary{background:var(--accent);color:#181611;border:1px solid var(--accent)}.button-primary:hover{background:#f1c48b;transform:translateY(-3px);box-shadow:0 10px 30px #0003}.button span:last-child,.text-link span:last-child{transition:transform .3s var(--ease);font-size:20px;line-height:1}.button:hover span:last-child{transform:translate(2px,-2px)}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding-block:12px;font-size:12px;transition:border-color .25s,color .25s;display:inline-flex}.text-link:hover{border-color:var(--accent);color:var(--accent)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;min-height:700px;padding-block:104px 92px;display:grid}.hero-intro{gap:12px;margin-bottom:30px;font-size:10px}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #e9ae6110}.hero h1{letter-spacing:-.055em;font-size:clamp(50px,5.05vw,75px);line-height:1.1}.hero h1 em{letter-spacing:-.035em}.hero-description{max-width:510px;color:var(--muted);margin-top:28px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.hero-footnote{color:var(--muted);letter-spacing:.03em;align-items:center;gap:14px;margin-top:56px;font-size:10px;display:flex}.tiny-rule{background:var(--line);width:24px;height:1px}.credential-strip{border-block:1px solid var(--line);align-items:center;gap:48px;padding-block:26px;display:flex}.credential-strip>p{max-width:130px;color:var(--muted);font-size:11px;line-height:1.5}.credential-strip>div{flex:1;align-items:center;gap:30px;display:flex}.credential-strip>div>span:not(.credential-note):not(.credential-separator){letter-spacing:-.04em;font-size:19px;font-weight:600}.credential-separator{color:var(--line);font-size:24px}.credential-note{max-width:210px;color:var(--muted);margin-left:auto;font-size:11px;line-height:1.6}.engineering-visual{isolation:isolate;min-height:440px;position:relative}.visual-grid{border:1px solid var(--line);position:absolute;inset:16px -15px}.visual-caption{letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:9px;display:flex;position:absolute;top:14px;left:15px;right:15px}.orbit{z-index:-1;border:1px solid #e9ae611c;border-radius:50%;position:absolute}.orbit-one{width:340px;height:340px;top:48px;left:40px}.orbit-two{width:420px;height:420px;top:6px;left:0;transform:rotate(-15deg)}.orbit-two:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:62px;right:48px;box-shadow:0 0 18px #e9ae6166}.system-window{width:calc(100% - 65px);max-width:395px;transition:transform .7s var(--ease);background:#20201d;border:1px solid #48473e;border-radius:9px;position:absolute;top:88px;left:35px;overflow:hidden;transform:rotate(-5deg);box-shadow:0 24px 70px #0004}.engineering-visual:hover .system-window{transform:rotate(-2deg)translateY(-5px)}.window-bar{height:38px;color:var(--muted);border-bottom:1px solid #393933;justify-content:space-between;align-items:center;padding-inline:16px;font:10px ui-monospace,monospace;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:#59594f;border-radius:50%;width:5px;height:5px}.window-dots i:first-child{background:var(--accent)}.window-content{gap:24px;min-height:190px;padding:23px;display:flex}.ui-sidebar{flex-shrink:0;width:35px}.ui-sidebar b{font:25px var(--display);color:var(--accent)}.ui-sidebar i{background:#4d4c43;width:24px;height:3px;margin-top:18px;display:block}.ui-sidebar i:nth-child(2){background:var(--accent)}.ui-main{flex:1}.ui-heading{justify-content:space-between;margin-top:10px;display:flex}.ui-heading span{background:#e1ddc6;border-radius:1px;width:82px;height:7px}.ui-heading i{background:var(--accent);border-radius:2px;width:23px;height:7px}.ui-chart{border-bottom:1px solid #424238;justify-content:space-between;align-items:flex-end;gap:8px;height:94px;margin-top:14px;padding-bottom:12px;display:flex}.ui-chart span{border-top:2px solid var(--accent);transform-origin:bottom;max-width:21px;height:32%;animation:bar-grow 1.2s var(--ease) both;background:#e9ae6129;flex:1}.ui-chart span:nth-child(2){height:48%;animation-delay:80ms}.ui-chart span:nth-child(3){height:35%;animation-delay:.16s}.ui-chart span:nth-child(4){height:67%;animation-delay:.24s}.ui-chart span:nth-child(5){height:57%;animation-delay:.32s}.ui-chart span:nth-child(6){height:80%;animation-delay:.4s}.ui-chart span:nth-child(7){background:#e9ae6177;height:94%;animation-delay:.48s}.ui-lines{gap:9px;margin-top:13px;display:flex}.ui-lines i{background:#4d4c43;flex:1;height:4px}.window-footer{color:var(--muted);border-top:1px solid #393933;justify-content:space-between;gap:10px;padding:11px 16px;font:9px ui-monospace,monospace;display:flex}.window-footer span:first-child{align-items:center;gap:6px;display:flex}.window-footer i{background:var(--accent);border-radius:50%;width:4px;height:4px}.code-fragment{width:290px;color:var(--muted);background:#171714;border:1px solid #46453b;padding:18px 24px;font:11px/1.9 ui-monospace,monospace;position:absolute;bottom:23px;right:0;transform:rotate(3deg);box-shadow:0 16px 45px #0005}.code-line{display:block}.code-indent{padding-left:16px}.code-line b{color:var(--text);font-weight:400}.code-line em{font:inherit;color:var(--accent)}.visual-tag{letter-spacing:.1em;color:var(--muted);align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;bottom:6px;left:20px}.tag-symbol{color:var(--accent);font-size:27px}.section-heading{grid-template-columns:1fr 2.1fr;gap:70px;margin-bottom:70px;display:grid}.section-heading>.eyebrow{align-self:start;margin-top:12px}.section-heading h2{letter-spacing:-.045em;font-size:clamp(36px,4vw,56px);line-height:1.15}.section-description{max-width:560px;color:var(--muted);margin-top:24px;font-size:15px}.experience-row{border-top:1px solid var(--line);grid-template-columns:1fr 2.1fr;gap:70px;padding-block:52px;display:grid}.role-number{color:var(--accent);margin-bottom:20px;font:10px ui-monospace,monospace;display:block}.experience-meta h3{letter-spacing:-.035em;font-size:26px}.experience-meta>p{color:var(--muted);margin-top:10px;font-size:12px}.role-pill{border:1px solid var(--line);color:var(--muted);border-radius:2px;margin-top:24px;padding:5px 10px;font-size:10px;display:inline-block}.role-label{letter-spacing:.1em;color:var(--accent);margin-bottom:16px;font-size:10px}.experience-content h4{letter-spacing:-.035em;margin-bottom:18px;font-size:27px}.experience-content>p:not(.role-label){color:var(--muted);max-width:650px;font-size:14px}.outcome-list{margin-block:22px}.outcome-list li{color:var(--muted);margin-top:10px;padding-left:20px;font-size:13px;position:relative}.outcome-list li:before{content:"↗";color:var(--accent);font-size:11px;position:absolute;left:0}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tags span{background:var(--raised);color:#cfcec3;border:1px solid #33332d;padding:4px 9px;font-size:10px}.experience-details{border-top:1px solid var(--line);margin-top:26px}.experience-details summary{cursor:pointer;justify-content:space-between;align-items:center;padding-block:16px;font-size:12px;list-style:none;display:flex}.experience-details summary::-webkit-details-marker{display:none}.details-icon{color:var(--accent);font-size:22px;transition:transform .3s}.experience-details[open] .details-icon{transform:rotate(45deg)}.experience-details>p{color:var(--muted);padding-bottom:16px;font-size:13px;animation:.3s fade-in}.confidentiality-note{border-top:1px solid var(--line);color:var(--muted);max-width:650px;margin-left:auto;padding-top:22px;font-size:11px}.approach-section{background:var(--surface);border-block:1px solid var(--line);padding-block:110px}.approach-grid{grid-template-columns:repeat(3,1fr);display:grid}.approach-card{transition:background .3s, border-color .3s, transform .4s var(--ease);border:1px solid #3b3b33;margin-left:-1px;padding:32px 30px;position:relative}.approach-card:hover{z-index:1;background:#25251f;border-color:#7c6545;transform:translateY(-6px)}.approach-icon{color:var(--accent);margin-bottom:38px;font-size:33px;line-height:1;display:block}.card-index{color:var(--muted);font:10px ui-monospace,monospace;position:absolute;top:33px;right:30px}.approach-card h3{letter-spacing:-.04em;max-width:230px;margin-bottom:20px;font-size:24px}.approach-card p{color:var(--muted);font-size:13px}.card-bottom{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:18px;font-size:10px}.about-section{grid-template-columns:1fr 1.4fr;gap:100px;padding-block:140px;display:grid}.about-intro h2{letter-spacing:-.05em;margin-top:36px;font-size:76px;line-height:1}.about-intro h2 em{font-size:1.15em}.about-location{color:var(--muted);margin-top:30px;font-size:12px;line-height:1.8}.about-content{padding-top:40px}.about-content>p{color:var(--muted);margin-bottom:22px;font-size:14px}.about-content .about-lead{color:var(--text);letter-spacing:-.03em;margin-bottom:28px;font-size:27px;line-height:1.4}.about-facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-block:34px 24px;padding-top:28px;display:grid}.fact-label{color:var(--accent);letter-spacing:.12em;font-size:9px}.about-facts h3{margin-top:12px;font-size:15px}.about-facts p{color:var(--muted);margin-top:9px;font-size:11px}.contact-section{background:#20201b;border:1px solid #494337;padding:48px 64px 58px;position:relative;overflow:hidden}.contact-section:after{content:"↗";color:#e9ae6108;pointer-events:none;font-size:300px;line-height:1;position:absolute;bottom:26px;right:34px}.contact-top{justify-content:space-between;gap:30px;display:flex}.contact-note{color:var(--muted);font-size:11px}.contact-section h2{letter-spacing:-.045em;margin-top:52px;font-size:clamp(40px,4.9vw,68px);line-height:1.1}.contact-section>p{max-width:530px;color:var(--muted);margin-top:26px;font-size:14px}.contact-actions{align-items:center;gap:32px;margin-top:32px;display:flex}.email-line{color:var(--muted);align-items:center;gap:22px;margin-top:32px;font-size:11px;display:flex}.email-line>a:hover{color:var(--accent)}.copy-email{min-width:44px;min-height:44px;color:var(--accent);justify-content:center;align-items:center;gap:9px;padding:8px;font-size:10px;display:flex}.site-footer{align-items:center;gap:36px;padding-block:46px;display:flex}.site-footer p{color:var(--muted);font-size:10px}.footer-links{color:var(--muted);gap:24px;margin-left:auto;font-size:11px;display:flex}.footer-links a{align-items:center;min-width:44px;min-height:44px;transition:color .2s;display:inline-flex}.footer-links a:hover{color:var(--accent)}:is(.visual-grid,.orbit,.system-window,.code-fragment,.visual-tag,.project-demo,.field-orbit,.pixel-index-preview,.portfolio-product-visual){translate:0 var(--parallax-y,0px)}html[data-motion=enabled] .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(26px)}html[data-motion=enabled] .reveal.is-visible{opacity:1;transform:none}.engineering-visual{animation:hero-enter .85s .1s var(--ease) both}.approach-card:nth-child(2){transition-delay:80ms}.approach-card:nth-child(3){transition-delay:.16s}@keyframes hero-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bar-grow{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1550px){.hero{padding-block:130px}.hero h1{font-size:78px}}@media (width<=1100px){.container{width:calc(100% - 64px)}.brand-name{display:none}.hero{grid-template-columns:1.2fr 1fr;gap:20px}.hero h1{font-size:57px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-description{font-size:14px}.system-window{width:100%;top:95px;left:0}.code-fragment{width:245px;font-size:10px;bottom:30px;right:-12px}.orbit-one{width:290px;height:290px;top:85px;left:0}.orbit-two{width:350px;height:350px;top:55px;left:-30px}.credential-strip{gap:28px}.credential-strip>div{gap:24px}.credential-note{display:none}.section-heading,.experience-row{gap:44px}.about-section{gap:64px}.approach-card{padding:28px 22px}.approach-card h3{font-size:21px}}@media (width<=760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:76px}.brand-name{font-size:12px;display:block}.monogram{font-size:31px}.header-controls{gap:12px}.language-control button{min-width:44px;min-height:44px;padding:0 3px}.navigation{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;position:absolute;top:76px;left:0;right:0}.navigation a{align-items:center;min-height:44px;display:flex}.js .navigation{display:none}.js .navigation.is-open{animation:.2s fade-in;display:flex}.js .menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;padding:10px;display:flex}.menu-toggle>span{background:var(--text);width:24px;height:1px;transition:transform .25s;display:block}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-top:94px;padding-bottom:50px}.hero h1{font-size:clamp(43px,8vw,66px)}.hero-description{max-width:550px;font-size:14px}.hero-intro{margin-bottom:25px}.hero-footnote{gap:10px;margin-top:35px;font-size:9px}.hero-actions{gap:20px;margin-top:28px}.engineering-visual{justify-self:center;width:min(440px,100%);min-height:400px;margin-block:20px 0;overflow:clip}.system-window{width:calc(100% - 35px);max-width:365px;top:70px;left:5px}.code-fragment{width:260px;bottom:25px;right:0}.orbit-one{width:310px;height:310px;top:52px;left:15px}.orbit-two{width:380px;height:380px;top:17px;left:-15px}.visual-tag{bottom:0;left:10px}.credential-strip{padding-block:24px;display:block}.credential-strip>p{max-width:none;margin-bottom:12px;font-size:10px}.credential-strip>div{gap:20px}.credential-strip>div>span:not(.credential-note):not(.credential-separator){font-size:18px}.section{padding-block:78px}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:44px}.section-heading>.eyebrow{margin-top:0}.section-heading h2{font-size:40px}.section-description{margin-top:20px;font-size:14px}.experience-row{grid-template-columns:1fr;gap:30px;padding-block:36px}.role-number{margin-bottom:14px}.experience-meta h3{font-size:24px}.role-pill{margin-top:15px}.experience-content h4{font-size:24px}.confidentiality-note{margin-left:0;font-size:10px}.approach-section{padding-block:78px}.approach-grid{grid-template-columns:1fr;gap:14px}.approach-card{margin:0;padding:28px}.approach-card h3{max-width:none;font-size:25px}.approach-icon{margin-bottom:28px}.approach-card p{font-size:14px}.card-bottom{margin-top:24px}.about-section{grid-template-columns:1fr;gap:20px}.about-intro h2{margin-top:28px;font-size:66px}.about-location{margin-top:24px}.about-content{padding-top:20px}.about-content .about-lead{font-size:26px}.about-facts{gap:18px}.about-facts h3{font-size:14px}.contact-section{padding:30px 24px 34px}.contact-top{flex-direction:column;gap:16px}.contact-section h2{margin-top:34px;font-size:40px}.contact-section>p{font-size:14px}.contact-actions{flex-wrap:wrap;gap:18px}.contact-section:after{font-size:180px;bottom:0;right:0}.email-line{flex-wrap:wrap;gap:12px;font-size:11px}.email-line>a{align-items:center;min-height:44px;display:inline-flex}.site-footer{flex-wrap:wrap;gap:22px;padding-block:36px}.footer-links{flex-wrap:wrap;gap:20px;width:100%;margin-left:0}.footer-brand .monogram{font-size:30px}}@media (width<=380px){.header-inner{grid-template-columns:minmax(0,1fr);gap:4px;height:auto;min-height:0;padding-block:6px;display:grid}.brand{min-height:44px}.header-controls{justify-content:space-between;gap:4px;width:100%}.language-control{gap:0}.navigation{top:100%}.brand-name{display:none}.hero h1{font-size:41px}.hero-footnote{flex-wrap:wrap}.engineering-visual{min-height:360px}.orbit-two{width:315px;height:315px;top:23px;left:-5px}.orbit-one{width:270px;height:270px;top:45px;left:16px}.system-window{top:56px}.window-content{gap:15px;min-height:160px;padding:20px 15px}.code-fragment{width:230px;bottom:21px}.contact-section h2{font-size:35px}}@media (width>=381px) and (width<=430px){.brand-name{display:none}}@media (prefers-reduced-motion:reduce){:is(.visual-grid,.orbit,.system-window,.code-fragment,.visual-tag,.project-demo){translate:none}html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal,html[data-motion=enabled] .reveal{opacity:1;transform:none}.engineering-visual:hover .system-window,.approach-card:hover,.button-primary:hover{transform:none}}.projects-section{padding-top:0}.project-row{border-top:1px solid var(--line);grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;padding-block:48px;display:grid}.project-content,.project-demo{min-width:0}.project-category{letter-spacing:.12em;color:var(--muted);margin-bottom:22px;font-size:10px}.project-category span{color:var(--accent);margin-right:16px}.project-content h3{letter-spacing:-.04em;font-size:clamp(25px,3vw,36px)}.project-content h4{font-family:var(--display);color:var(--accent);margin-block:14px 20px;font-size:23px}.project-content>p:not(.project-category){color:var(--muted);font-size:14px}.project-content .project-decision{margin-top:16px}.project-links{flex-wrap:wrap;gap:24px;margin-top:26px;display:flex}.project-demo{background:var(--surface);border:1px solid var(--line);transition:border-color .3s;box-shadow:0 16px 50px #0002}.project-row:hover .project-demo{border-color:#786047}.project-terminal-bar{border-bottom:1px solid var(--line);letter-spacing:.1em;color:var(--muted);justify-content:space-between;gap:12px;padding:16px 24px;font-size:9px;display:flex}.project-terminal-bar>span:first-child{color:var(--accent);letter-spacing:.25em}.project-demo pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:28px 24px 16px;font-size:13px;line-height:1.8}.terminal-prompt{color:var(--accent)}.project-demo>p{border-top:1px solid var(--line);color:var(--muted);margin:0 24px;padding:18px 0;font-size:13px}.project-demo>a{margin:0 24px 24px}.products-section{padding-top:0;padding-bottom:96px}.products-section>.section-heading{margin-bottom:54px}.product-case{border-top:1px solid var(--line);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,6vw,86px);padding-block:54px;display:grid}.product-case-black-market{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.product-case-comandinha{align-items:start}.product-case-copy{min-width:0}.product-title-row{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.product-title-row h3{letter-spacing:-.05em;font-size:clamp(28px,3.4vw,42px)}.product-status{color:#e8c792;letter-spacing:.07em;text-transform:uppercase;border:1px solid #8f7148;align-items:center;gap:8px;padding:6px 9px;font-size:9px;line-height:1.3;display:inline-flex}.product-status:before{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px}.product-case-copy h4{max-width:520px;color:var(--text);font-family:var(--display);letter-spacing:-.025em;margin-block:17px 16px;font-size:clamp(24px,2.5vw,32px);font-weight:400;line-height:1.2}.product-case-copy>p:not(.project-category,.private-project-note){max-width:570px;color:var(--muted);font-size:14px}.product-case-copy>.product-detail{border-left:1px solid var(--accent);color:#c8c5b9;margin-top:14px;padding-left:14px;font-size:12px}.product-case-copy .tech-tags{margin-top:22px}.product-repo-link{width:fit-content;margin-top:26px}.product-flow-panel{border:1px solid var(--line);border-top:2px solid var(--accent);background:var(--surface);min-width:0;padding:clamp(22px,3vw,34px)}.product-flow-label{color:var(--accent);letter-spacing:.13em;margin:0 0 14px;font:9px/1.4 ui-monospace,monospace}.product-flow-panel h4{color:var(--text);font-family:var(--display);letter-spacing:-.03em;margin:0 0 25px;font-size:clamp(24px,2.5vw,31px);font-weight:400;line-height:1.2}.product-flow-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.product-flow-step{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:13px;padding:18px 0;display:grid}.product-flow-index{color:var(--accent);padding-top:2px;font:10px/1.4 ui-monospace,monospace}.product-flow-step h5{color:var(--text);margin:0 0 5px;font-size:13px;font-weight:500;line-height:1.45}.product-flow-step p{max-width:42ch;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.product-visual{background:#22221e;border:1px solid #45443b;min-width:0;margin:0;overflow:hidden;box-shadow:0 20px 54px #0003}.product-visual img{width:100%;height:auto;transition:transform .65s var(--ease), filter .65s var(--ease);display:block}.product-visual:hover img{filter:saturate(1.04);transform:scale(1.018)}.product-visual figcaption{color:var(--muted);letter-spacing:.035em;justify-content:space-between;gap:8px;padding:10px 12px;font:9px/1.4 ui-monospace,monospace;display:flex}.product-visual figcaption span:first-child{color:var(--accent)}.product-visual-menu{justify-self:end;max-width:265px}.product-case-black-market .product-visual-market{width:100%}.private-project-note{color:var(--muted);margin-top:16px;font-size:11px}@media (width<=1100px){.product-case{gap:34px}.project-row{gap:36px}}@media (width<=760px){.project-row{grid-template-columns:1fr;gap:28px;padding-block:36px}.project-content h4{font-size:22px}.project-demo pre{font-size:12px}.products-section{padding-bottom:72px}.products-section>.section-heading{margin-bottom:34px}.product-case,.product-case-black-market{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:36px}.product-case-black-market .product-visual-market{grid-row:2}.product-case-black-market .product-case-copy{grid-row:1}.product-case-copy h4{font-size:25px}}:root{--text:#f4f1e8;--muted:#b4b2a7;--surface:#20211e;--raised:#292b26;--technical:#91b5cc}.site-header{background:#141412c2;border-color:#36363080;transition:background .4s,border-color .4s,box-shadow .4s}.site-header.is-scrolled{border-color:var(--line);background:#141412f5;box-shadow:0 10px 40px #0002}.navigation{position:relative}.navigation-indicator{background:var(--accent);pointer-events:none;opacity:0;height:2px;transition:transform .5s var(--ease), width .5s var(--ease), opacity .25s;position:absolute;bottom:0;left:0}.navigation a[aria-current]:after{transform:scaleX(0)}.hero-line{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:clip}.hero-line>span,.hero-line>em{display:inline-block}.hero h1{letter-spacing:-.055em}.hero-content{animation:none}.hero-intro{animation:editorial-enter .65s var(--ease) both}.hero-line>span,.hero-line>em{animation:title-enter 1s .12s var(--ease) both}.hero-line:nth-child(2)>span,.hero-line:nth-child(2)>em{animation-delay:.26s}.hero-description{animation:editorial-enter .85s .42s var(--ease) both}.hero-actions{animation:editorial-enter .85s .52s var(--ease) both}.hero-footnote{animation:editorial-enter .85s .62s var(--ease) both}.engineering-visual{animation-delay:.25s}.button-primary{background:var(--accent);transition:background-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s}.button-primary:hover,.button-primary:focus-visible{background:#f2c48b;box-shadow:0 12px 30px #0004,0 0 0 4px #e9ae6112}.button-primary:active{transform:translateY(0)scale(.98)}.text-link:hover span:last-child{transform:translate(3px,-3px)}.tech-tags span{color:#b9d2e0;background:#91b5cc0a;border-color:#91b5cc30}.experience-meta{padding-left:22px;position:relative}.experience-meta:before{content:"";background:var(--accent);transform-origin:top;width:1px;position:absolute;top:0;bottom:0;left:0}html[data-motion=enabled] .experience-row .experience-meta:before{transition:transform 1.2s .2s var(--ease);transform:scaleY(0)}html[data-motion=enabled] .experience-row.is-visible .experience-meta:before{transform:scaleY(1)}.project-demo{background:#232923;border-color:#4a5149;transition:border-color .4s,box-shadow .4s;box-shadow:0 20px 55px #0003}.project-terminal-bar{color:#bdc2b7;background:#ffffff03;border-color:#4a514980}.project-demo pre{color:#d8e8f0}.project-demo>p{color:#c0c3b8;border-color:#4a514980}.project-category{color:var(--technical)}.project-demo .text-link{border-color:#91b5cc40}.project-demo .text-link:hover{color:var(--technical);border-color:var(--technical)}.project-row:focus-within .project-demo{border-color:var(--accent)}.project-row,.experience-row{position:relative}html[data-motion=enabled] :is(.project-row,.experience-row){border-top-color:#0000}html[data-motion=enabled] :is(.project-row,.experience-row):after{content:"";pointer-events:none;transform-origin:0;height:1px;transition:transform 1.1s var(--ease);background:#58584d;position:absolute;inset:0 0 auto;transform:scaleX(0)}html[data-motion=enabled] :is(.project-row,.experience-row).is-visible:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.project-row:hover .project-demo{border-color:var(--accent);box-shadow:0 24px 60px #0004,0 0 0 1px #e9ae6118}.project-content h3{transition:color .35s}.project-row:hover .project-content h3{color:#f6cf99}}html[data-motion=enabled] .section-heading.reveal{opacity:1;transform:none}html[data-motion=enabled] .section-heading.reveal :is(.eyebrow,h2,.section-description){opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(20px)}html[data-motion=enabled] .section-heading.reveal.is-visible :is(.eyebrow,h2,.section-description){opacity:1;transform:none}html[data-motion=enabled] .section-heading h2{transition-delay:80ms!important}html[data-motion=enabled] .section-heading .section-description{transition-delay:.18s!important}html[data-motion=enabled] .project-row .project-demo pre code{clip-path:inset(0 100% 0 0);display:block}html[data-motion=enabled] .project-row.is-visible .project-demo pre code{animation:.85s steps(24,end) .2s both command-enter}html[data-motion=enabled] .project-row .project-demo>p{opacity:0;transition:opacity .65s .8s}html[data-motion=enabled] .project-row.is-visible .project-demo>p{opacity:1}@keyframes title-enter{0%{transform:translateY(115%)}to{transform:none}}@keyframes editorial-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes command-enter{to{clip-path:inset(0)}}@media (width<=760px){.navigation{position:absolute}.navigation-indicator{display:none}.navigation a[aria-current]:after{transform:scaleX(1)}.hero-line{overflow:visible}.hero-line>span,.hero-line>em{animation-name:editorial-enter}}@media (prefers-reduced-motion:reduce){html[data-motion=enabled] :is(.project-row,.experience-row):after{transform:none}.hero-intro,.hero-line>span,.hero-line>em,.hero-description,.hero-actions,.hero-footnote{animation:none}html[data-motion=enabled] .section-heading.reveal :is(.eyebrow,h2,.section-description),html[data-motion=enabled] .project-row .project-demo>p{opacity:1;transform:none}html[data-motion=enabled] .project-row .project-demo pre code{clip-path:none;animation:none}html[data-motion=enabled] .experience-row .experience-meta:before,.button-primary:active{transform:none}}html[data-concept=index]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9e5da;--surface:#f3f0e7;--raised:#ded9cc;--text:#24241f;--muted:#41423c;--accent:#7e412f;--line:#aaa598;--technical:#604033;--index-black:#24241f}html[data-concept=index] body{background:var(--bg);color:var(--text)}html[data-concept=index] body:before{opacity:0}html[data-concept=index] .site-header{color:var(--text);background:#e9e5daf5;border-color:#24241f45}html[data-concept=index] .brand,html[data-concept=index] .navigation a,html[data-concept=index] .header-controls button{color:var(--text)}html[data-concept=index] .language-control button[aria-pressed=true]{color:var(--accent);text-underline-offset:5px;font-weight:800;text-decoration:underline}html[data-concept=index] .hero{grid-template:"meta meta""visual content"1fr/minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(35px,5vh,64px) clamp(38px,7vw,100px);min-height:min(720px,100svh - 96px);padding-block:38px 82px}html[data-concept=index] .hero-content{grid-area:content;max-width:670px}html[data-concept=index] .hero h1{letter-spacing:-.065em;font-size:clamp(54px,6vw,82px);line-height:.98}html[data-concept=index] .hero h1 em,html[data-concept=index] .about-intro h2 em{color:var(--accent)}html[data-concept=index] .hero-intro{color:var(--technical)}html[data-concept=index] .status-dot{background:var(--accent);width:8px;height:8px;box-shadow:none;border-radius:0}html[data-concept=index] .hero-description{max-width:520px;color:var(--muted)}html[data-concept=index] .hero-footnote{display:none}html[data-concept=index] .index-hero-meta{color:var(--technical);letter-spacing:.08em;border-block:1px solid #24241f55;grid-area:meta;grid-template-columns:1fr 1fr 1.3fr;gap:20px;padding-block:12px;font:10px/1.5 ui-monospace,monospace;display:grid}html[data-concept=index] .index-hero-meta span{align-items:baseline;gap:9px;display:flex}html[data-concept=index] .index-hero-meta b{color:var(--accent);font-weight:700}html[data-concept=index] .index-hero-meta i{color:var(--text);letter-spacing:0;font-style:normal}html[data-concept=index] .engineering-visual.index-hero-visual{aspect-ratio:1.22;isolation:isolate;--accent:#bd7050;--line:#45443c;--muted:#aaa99e;--raised:#252620;--technical:#76634a;--text:#e1ddcf;background:#141512;border:1px solid #38372f;grid-area:visual;min-height:400px;max-height:520px;position:relative;overflow:hidden;box-shadow:10px 10px #c0b8a8}html[data-concept=index] .engineering-visual.index-hero-visual:before{z-index:7;pointer-events:none;content:"";border:1px solid #bba57125;position:absolute;inset:11px}html[data-concept=index] .pixel-index-preview{background:#141512;display:block;position:absolute;inset:0;overflow:hidden}html[data-concept=index] .index-hero-grain{z-index:1;opacity:.48;pointer-events:none;background:url(/print-grain.svg) 0 0/96px 96px;animation:3.6s steps(2,end) infinite index-paper-shift;position:absolute;inset:0}html[data-concept=index] .index-hero-caption{z-index:4;color:#bcb8a9;letter-spacing:.13em;justify-content:space-between;font:500 9px/1.4 ui-monospace,monospace;display:flex;position:absolute;top:25px;left:31px;right:31px}html[data-concept=index] .index-hero-orbit-point{z-index:3;background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:9%;right:22%}html[data-concept=index] .index-ornament{z-index:2;fill:none;stroke:var(--technical);stroke-width:.38px;stroke-linecap:square;pointer-events:none;translate:var(--index-shift-x,0px) calc(var(--parallax-y,0px) + var(--index-shift-y,0px));transition:translate .65s cubic-bezier(.2,.7,.2,1);position:absolute}html[data-concept=index] .index-ornament--orbit{opacity:.24;width:100%;height:100%;margin:auto;animation:76s linear infinite index-orbit-spin;inset:0}html[data-concept=index] .index-ornament--registration{opacity:.34;width:16%;animation:42s linear infinite reverse index-orbit-spin;top:9%;right:8%}html[data-concept=index] .index-ornament--orbit-small{opacity:.25;width:20%;animation:58s linear infinite index-orbit-spin;bottom:8%;left:7%}html[data-concept=index] .index-hero-visual .system-window{z-index:4;background:#20201d;border-color:#4c4a41;width:85%;max-width:none;top:20%;left:7%;transform:rotate(-3deg)}html[data-concept=index] .index-hero-visual .window-bar,html[data-concept=index] .index-hero-visual .window-footer{color:var(--muted)}html[data-concept=index] .index-hero-visual .ui-chart span{border-top-color:var(--accent);background:#bd70502e}html[data-concept=index] .index-hero-visual .ui-chart span:last-child{background:#bd705070}html[data-concept=index] .index-hero-visual .ui-heading i,html[data-concept=index] .index-hero-visual .ui-sidebar i:nth-child(2),html[data-concept=index] .index-hero-visual .window-dots i:first-child,html[data-concept=index] .index-hero-visual .window-footer i{background:var(--accent)}html[data-concept=index] .index-hero-visual .ui-sidebar b,html[data-concept=index] .index-hero-visual .code-line em,html[data-concept=index] .index-hero-visual .tag-symbol{color:var(--accent)}html[data-concept=index] .index-hero-visual .code-fragment{z-index:5;width:min(58%,290px);color:var(--muted);background:#171714;border-color:#4c4a41;bottom:10%;right:5%}html[data-concept=index] .index-hero-visual .visual-tag{z-index:6;color:#bcb8a9;bottom:3%;left:4%}html[data-concept=index] .pixel-grain{z-index:8;opacity:.22;pointer-events:none;background:url(/print-grain.svg) 0 0/96px 96px;animation:2.4s steps(2,end) infinite index-paper-shift;position:fixed;inset:0}html[data-concept=index][data-index-paused=true] .pixel-grain{animation-play-state:paused}html[data-concept=index] .pixel-cursor{z-index:100;top:var(--index-pointer-y,-80px);left:var(--index-pointer-x,-80px);opacity:0;pointer-events:none;width:18px;height:18px;transition:opacity .1s steps(2,end);position:fixed;transform:translate(-50%,-50%)}html[data-concept=index] .pixel-cursor[data-active=true]{opacity:1}html[data-concept=index] .pixel-cursor span{border:1px solid var(--accent);box-shadow:2px 2px 0 var(--accent);background:#e9e5da;position:absolute;inset:3px}html[data-concept=index] .pixel-cursor i{background:var(--index-black);width:2px;height:2px;position:absolute;top:8px;left:8px}html[data-concept=index] .pixel-cursor[data-pressed=true]{transform:translate(-50%,-50%)scale(.8)}@keyframes index-paper-shift{0%,to{background-position:0 0}25%{background-position:-1px 1px}50%{background-position:2px -1px}75%{background-position:1px 2px}}@keyframes index-orbit-spin{0%{rotate:0deg}to{rotate:360deg}}html[data-concept=index] .credential-strip{border-color:#24241f55}html[data-concept=index] .credential-strip>p{color:var(--muted)}html[data-concept=index] .credential-separator{color:var(--accent)}html[data-concept=index] .section-heading>.eyebrow,html[data-concept=index] .project-category,html[data-concept=index] .fact-label{color:var(--technical)}html[data-concept=index] .section-heading>.eyebrow>span:first-child,html[data-concept=index] .project-category span{color:var(--accent)}html[data-concept=index] .index-experience-table{border-top:1px solid var(--index-black);overflow:visible}html[data-concept=index] .index-experience-table table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%}html[data-concept=index] .index-experience-table thead th{color:var(--technical);letter-spacing:.1em;padding:13px 16px;font:10px ui-monospace,monospace}html[data-concept=index] .index-experience-table thead th:first-child,html[data-concept=index] .index-experience-table thead th:nth-child(2){width:25%}html[data-concept=index] .index-experience-table thead th:nth-child(3){width:50%}html[data-concept=index] .index-experience-entry{border-top:1px solid var(--line);vertical-align:top}html[data-concept=index] .index-experience-entry>th,html[data-concept=index] .index-experience-entry>td{overflow-wrap:anywhere;padding:28px 16px}html[data-concept=index] .index-experience-entry>th{width:25%;color:var(--accent);font:11px ui-monospace,monospace}html[data-concept=index] .index-experience-organization{width:25%}html[data-concept=index] .index-experience-contribution{overflow-wrap:anywhere;width:50%}html[data-concept=index] .index-experience-organization strong{font-size:18px;display:block}html[data-concept=index] .index-experience-organization .role-pill,html[data-concept=index] .index-experience-organization .role-label{width:fit-content;color:var(--technical);border:0;margin-top:9px;padding:0;font-size:10px;display:block}html[data-concept=index] .index-experience-contribution h3{font:400 22px/1.2 var(--display)}html[data-concept=index] .index-experience-contribution>p{color:var(--muted);margin-top:10px;font-size:13px}html[data-concept=index] .outcome-list li{color:var(--muted);font-size:12px}html[data-concept=index] .outcome-list li:before{color:var(--accent)}html[data-concept=index] .tech-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}html[data-concept=index] .tech-tags li{color:#484940;border:1px solid #aaa598;padding:3px 7px;font-size:9px}html[data-concept=index] .index-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}html[data-concept=index] .index-product-card{background:var(--surface);border:1px solid #a9a394;min-width:0;padding:18px;position:relative;container-type:inline-size}html[data-concept=index] .index-card-number{z-index:1;background:var(--accent);color:#f8f4ea;place-items:center;width:33px;height:33px;font:10px ui-monospace,monospace;display:grid;position:absolute;top:26px;left:27px}html[data-concept=index] .portfolio-product-visual{background:#ddd7c8;border:1px solid #a9a394;margin:0;overflow:hidden}html[data-concept=index] .portfolio-product-visual img{width:100%;height:auto;transition:transform .55s var(--ease);display:block}html[data-concept=index] .portfolio-product-visual:hover img{transform:scale(1.015)}html[data-concept=index] .portfolio-product-visual figcaption{color:var(--muted);border-top:1px solid #8f897d;padding:9px 11px;font:9px/1.4 ui-monospace,monospace}html[data-concept=index] .index-product-copy{padding:22px 4px 4px}html[data-concept=index] .index-product-copy .project-category{letter-spacing:.1em;margin-bottom:9px;font:10px ui-monospace,monospace}html[data-concept=index] .index-product-copy .product-status{color:var(--accent);text-transform:uppercase;border:1px solid #a99588;margin-bottom:10px;padding:3px 6px;font-size:9px;display:inline-block}html[data-concept=index] .index-product-copy h3{letter-spacing:-.05em;font-size:clamp(25px,2.5vw,34px)}html[data-concept=index] .index-product-copy h4{color:#3c3c35;font:400 20px/1.25 var(--display);margin-block:6px 13px}html[data-concept=index] .index-product-copy>p:not(.project-category,.private-project-note){color:var(--muted);font-size:12px}html[data-concept=index] .index-product-copy .product-detail{border-left:1px solid var(--accent);margin-top:11px;padding-left:10px}html[data-concept=index] .index-product-copy .project-links{flex-wrap:wrap;gap:18px;margin-top:15px;display:flex}html[data-concept=index] .index-product-copy .text-link{color:var(--accent);border-color:#b7a99e}html[data-concept=index] .index-tool-list{border-top:1px solid var(--index-black)}html[data-concept=index] .index-tool-row{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(150px,.75fr) minmax(0,1.5fr);gap:20px;padding:27px 0;display:grid}html[data-concept=index] .index-tool-row>.index-card-number{width:34px;height:34px;position:static}html[data-concept=index] .index-tool-title .project-category{margin-bottom:5px;font:9px ui-monospace,monospace}html[data-concept=index] .index-tool-title h3{letter-spacing:-.03em;font-size:21px}html[data-concept=index] .index-tool-description h4{font:400 18px/1.25 var(--display)}html[data-concept=index] .index-tool-description>p{color:#50514a;margin-top:7px;font-size:12px}html[data-concept=index] .index-tool-description .project-decision{color:var(--technical)}html[data-concept=index] .index-tool-demo{border-top:1px solid var(--line);margin-top:12px}html[data-concept=index] .index-tool-demo summary{min-height:44px;color:var(--accent);cursor:pointer;padding-block:9px;font-size:11px}html[data-concept=index] .index-tool-demo pre{overflow-wrap:anywhere;white-space:pre-wrap;font-size:11px}html[data-concept=index] .index-tool-description .project-links{flex-wrap:wrap;gap:18px;margin-top:14px;display:flex}html[data-concept=index] .index-tool-description .text-link{color:var(--accent);border-color:#b7a99e}html[data-concept=index] .approach-section{background:#ded9cc;border-block:1px solid #24241f55}html[data-concept=index] .approach-card{background:#ece8dc;border-color:#a9a394}html[data-concept=index] .approach-card:hover{border-color:var(--accent);background:#e6e0d4;transform:translateY(-3px)}html[data-concept=index] .approach-icon,html[data-concept=index] .role-number{color:var(--accent)}html[data-concept=index] .card-bottom{border-color:var(--line);color:var(--muted)}html[data-concept=index] .about-section{border-bottom:1px solid #24241f55}html[data-concept=index] .about-facts{border-color:#aaa598}html[data-concept=index] .about-content>p{color:var(--muted)}html[data-concept=index] .about-content .about-lead{color:var(--text)}html[data-concept=index] .contact-section{color:var(--text);background:#d9d2c5;border:1px solid #a9a394}html[data-concept=index] .contact-section h2 em{color:var(--accent)}html[data-concept=index] .contact-section .contact-note,html[data-concept=index] .contact-section>p,html[data-concept=index] .contact-section .email-line{color:#484940}html[data-concept=index] .contact-section .copy-email,html[data-concept=index] .contact-section .email-line>a:hover,html[data-concept=index] .contact-section .email-line>a:focus-visible{color:#713a2c}html[data-concept=index] .contact-section .button-primary{border-color:var(--index-black);background:var(--index-black);color:#f3f0e7}html[data-concept=index] .contact-section .button-primary:hover,html[data-concept=index] .contact-section .button-primary:focus-visible{background:#3a3b35}html[data-concept=index] .button-primary{border-color:var(--accent);background:var(--accent);color:#fffaf1}html[data-concept=index] .button-primary:hover,html[data-concept=index] .button-primary:focus-visible{background:#713a2c}html[data-concept=index] .text-link:hover{color:#713a2c;border-color:#713a2c}html[data-concept=index] .site-footer{border-top:1px solid #24241f55}html[data-concept=index] .footer-links a:hover{color:var(--accent)}@media (width<=1000px){html[data-concept=index] .hero{column-gap:34px}html[data-concept=index] .index-product-grid{gap:16px}html[data-concept=index] .index-product-card{padding:12px}html[data-concept=index] .index-experience-entry>th,html[data-concept=index] .index-experience-entry>td{padding-inline:10px}}@media (width<=760px){html[data-concept=index] .hero{grid-template:"meta""content""visual"/1fr;gap:27px;padding-block:28px 48px}html[data-concept=index] .index-hero-meta{grid-template-columns:1fr;gap:8px}html[data-concept=index] .hero h1{font-size:clamp(47px,12vw,66px)}html[data-concept=index] .engineering-visual.index-hero-visual{aspect-ratio:1.05;width:100%;min-height:min(90vw,380px)}html[data-concept=index] .index-hero-caption{font-size:7px;top:18px;left:19px;right:19px}html[data-concept=index] .index-hero-visual .system-window{border-radius:4px;width:90%;top:23%;left:5%;transform:rotate(-2deg)}html[data-concept=index] .index-hero-visual .window-content{gap:12px;min-height:142px;padding:16px 14px}html[data-concept=index] .index-hero-visual .ui-chart{gap:5px;height:72px}html[data-concept=index] .index-hero-visual .code-fragment{width:min(62%,230px);padding:12px 15px;font-size:8px;bottom:19%;right:5%}html[data-concept=index] .index-hero-visual .visual-tag{font-size:7px;bottom:3%;left:4%}html[data-concept=index] .index-hero-visual .tag-symbol{font-size:20px}html[data-concept=index] .index-ornament--orbit{opacity:.2;animation-duration:100s}html[data-concept=index] .index-ornament--registration{opacity:.28}html[data-concept=index] .index-ornament--orbit-small{opacity:.2}html[data-concept=index] .index-experience-table{border-top:0;overflow:visible}html[data-concept=index] .index-experience-table thead{display:none}html[data-concept=index] .index-experience-table table,html[data-concept=index] .index-experience-table tbody,html[data-concept=index] .index-experience-table tr,html[data-concept=index] .index-experience-table th,html[data-concept=index] .index-experience-table td{width:100%;display:block}html[data-concept=index] .index-experience-entry{padding:20px 0}html[data-concept=index] .index-experience-entry>th,html[data-concept=index] .index-experience-entry>td{padding:7px 0}html[data-concept=index] .index-experience-entry>th{font-weight:600}html[data-concept=index] .index-product-grid{grid-template-columns:1fr;gap:18px}html[data-concept=index] .index-product-card{padding:12px}html[data-concept=index] .index-tool-row{grid-template-columns:36px minmax(0,1fr);gap:12px}html[data-concept=index] .index-tool-description{grid-column:2}html[data-concept=index] .credential-strip>div{flex-wrap:wrap}html[data-concept=index] .pixel-grain{opacity:.14;animation-duration:4s}html[data-concept=index] .index-hero-grain{opacity:.42;animation-duration:4.6s}html[data-concept=index] .index-ornament{transition-duration:.9s}}@media (hover:none),(pointer:coarse){html[data-concept=index] .pixel-cursor{display:none}html[data-concept=index] :is(.pixel-grain,.index-hero-grain){background-position:0 0;animation:none!important}}@media (prefers-reduced-motion:reduce){html[data-concept=index] .pixel-grain{background-position:0 0;animation:none!important}html[data-concept=index] .pixel-cursor{transition:none;display:none}html[data-concept=index] .index-ornament{animation:none!important;translate:none!important}html[data-concept=index] .approach-card:hover,html[data-concept=index] .portfolio-product-visual:hover img{transform:none}}html[data-concept=index]{--grid-gutter:96px;--grid-line:#4d40330e;--grid-cross:#7e412f57;--geometry-line:#7e412f30;--button-accent:#7e412f}html[data-concept=index] body:before{z-index:-1;opacity:0}html[data-concept=index] body{isolation:isolate}html[data-concept=index] .index-layout-grid{z-index:0;pointer-events:none;position:fixed;inset:0}html[data-concept=index] .index-layout-grid:before{width:min(1240px, calc(100% - var(--grid-gutter)));border-inline:1px solid var(--grid-line);background-image:linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);content:"";background-repeat:repeat-x;background-size:25% 100%;position:absolute;top:0;bottom:0;left:50%;translate:-50%}html[data-concept=index] main,html[data-concept=index] .site-footer{z-index:2;position:relative}html[data-concept=index] .pixel-grain{z-index:1}html[data-concept=index] .site-header{border-color:var(--line);background:color-mix(in srgb, var(--bg) 96%, transparent)}html[data-concept=index] .site-header.is-scrolled{background:color-mix(in srgb, var(--bg) 98%, transparent)}html[data-concept=index] .index-grid-section{border-top:1px solid var(--grid-line)}html[data-concept=index] .index-grid-cross{z-index:4;top:0;left:var(--cross-x);pointer-events:none;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}html[data-concept=index] .index-grid-section>.index-grid-cross{z-index:4;position:absolute}html[data-concept=index] .index-grid-cross:before,html[data-concept=index] .index-grid-cross:after{background:var(--grid-cross);content:"";display:block;position:absolute}html[data-concept=index] .index-grid-cross:before{width:9px;height:1px;top:4px;left:0}html[data-concept=index] .index-grid-cross:after{width:1px;height:9px;top:0;left:4px}html[data-concept=index] .index-grid-cross--start{--cross-x:0%}html[data-concept=index] .index-grid-cross--quarter{--cross-x:25%}html[data-concept=index] .index-grid-cross--half{--cross-x:50%}html[data-concept=index] .index-grid-cross--three-quarter{--cross-x:75%}html[data-concept=index] .index-grid-cross--end{--cross-x:100%}html[data-concept=index] .hero{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"meta meta meta meta""visual visual content content";column-gap:0}html[data-concept=index] .hero-content{z-index:2;grid-column:3/span 2;position:relative}html[data-concept=index] .engineering-visual.index-hero-visual{z-index:1;grid-column:1/span 2;margin-right:clamp(24px,3vw,40px)}html[data-concept=index] .index-hero-meta{grid-template-columns:repeat(4,minmax(0,1fr));position:relative}html[data-concept=index] .index-hero-meta>span:nth-child(3){grid-column:3/span 2}html[data-concept=index] .section-heading{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}html[data-concept=index] .section-heading>.eyebrow{grid-column:1}html[data-concept=index] .section-heading>div{grid-column:2/span 3}html[data-concept=index] .index-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}html[data-concept=index] .index-product-card{background:0 0;grid-column:span 2}html[data-concept=index] .index-product-card:nth-child(odd){border-right:0}html[data-concept=index] .index-product-card:nth-child(2n){border-left:0}html[data-concept=index] .index-tool-list{position:relative}html[data-concept=index] .index-tool-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}html[data-concept=index] .index-tool-row>.index-card-number{position:absolute;top:27px;left:0}html[data-concept=index] .index-tool-title{grid-column:1;min-width:0;padding-left:52px;padding-right:20px}html[data-concept=index] .index-tool-description{grid-column:2/span 3;min-width:0}html[data-concept=index] .approach-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}html[data-concept=index] .approach-card:first-child{grid-column:span 2}html[data-concept=index] .approach-card:nth-child(2),html[data-concept=index] .approach-card:nth-child(3){grid-column:span 1}html[data-concept=index] .approach-card{background:0 0}html[data-concept=index] .approach-card:hover{background:#7e412f0b}html[data-concept=index] .about-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}html[data-concept=index] .about-intro,html[data-concept=index] .about-content{grid-column:span 2}html[data-concept=index] .approach-section{background:color-mix(in srgb, var(--raised) 74%, transparent)}html[data-concept=index] .contact-section{background:0 0}html[data-concept=index] .theme-toggle{width:44px;height:44px;color:var(--text);transition:color .2s ease, background-color .2s ease, transform .35s var(--ease);place-items:center;display:inline-grid}html[data-concept=index] .theme-toggle:hover{color:var(--accent);transform:rotate(-8deg)}html[data-concept=index] .theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}html[data-concept=index] .theme-toggle [data-theme-icon=moon],html[data-theme=dark][data-concept=index] .theme-toggle [data-theme-icon=sun]{display:none}html[data-theme=dark][data-concept=index] .theme-toggle [data-theme-icon=moon]{display:block}html[data-concept=index] .hero-content{animation:index-enter-left .55s var(--ease) both}html[data-concept=index] .engineering-visual.index-hero-visual{animation:index-enter-right .68s 60ms var(--ease) both}html[data-concept=index] .hero-intro{animation-duration:.42s;animation-delay:20ms}html[data-concept=index] .hero-line>span,html[data-concept=index] .hero-line>em{animation-duration:.58s;animation-delay:60ms}html[data-concept=index] .hero-line:nth-child(2)>span,html[data-concept=index] .hero-line:nth-child(2)>em{animation-delay:.12s}html[data-concept=index] .hero-description{animation-duration:.46s;animation-delay:.16s}html[data-concept=index] .hero-actions{animation-duration:.46s;animation-delay:.21s}html[data-concept=index] .hero-footnote{animation-duration:.46s;animation-delay:.26s}@media (width<=1340px){html[data-concept=index] .hero-content,html[data-concept=index] .engineering-visual.index-hero-visual{animation-name:index-enter-down}}html[data-concept=index] .index-parallax-layer{translate:var(--index-shift-x,0px) calc(var(--parallax-y,0px) + var(--index-shift-y,0px));transition:translate .65s cubic-bezier(.2,.7,.2,1)}@keyframes index-enter-left{0%{opacity:0;translate:-28px}to{opacity:1;translate:0}}@keyframes index-enter-right{0%{opacity:0;translate:28px}to{opacity:1;translate:0}}@keyframes index-enter-down{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}html[data-concept=index] .section,html[data-concept=index] .approach-section{isolation:isolate;position:relative}html[data-concept=index] .section>*,html[data-concept=index] .approach-section>.container{z-index:1;position:relative}html[data-concept=index] #experience:before,html[data-concept=index] #products:before,html[data-concept=index] #projects:before,html[data-concept=index] .approach-section>.container:before,html[data-concept=index] #about:before{z-index:0;pointer-events:none;content:"";opacity:.8;position:absolute}html[data-concept=index] #experience:before{aspect-ratio:1;border:1px solid var(--geometry-line);width:clamp(96px,24vw,320px);box-shadow:0 0 0 24px transparent, 0 0 0 25px var(--geometry-line), 0 0 0 62px transparent, 0 0 0 63px var(--geometry-line);border-radius:50%;top:16%;left:75%}html[data-concept=index] #products:before{aspect-ratio:1;border:1px solid var(--geometry-line);width:clamp(110px,14vw,164px);top:17%;left:75%;transform:rotate(45deg)}html[data-concept=index] #projects:before{aspect-ratio:1;border:1px solid var(--geometry-line);width:clamp(100px,18vw,220px);box-shadow:0 0 0 18px transparent, 0 0 0 19px var(--geometry-line);border-radius:50%;top:22%;left:75%}html[data-concept=index] .approach-section>.container:before{aspect-ratio:1;border:1px solid var(--geometry-line);width:clamp(120px,14vw,188px);top:12%;left:75%;transform:rotate(45deg)}html[data-concept=index] #about:before{aspect-ratio:1;border:1px solid var(--geometry-line);width:clamp(110px,22vw,310px);box-shadow:0 0 0 26px transparent, 0 0 0 27px var(--geometry-line);border-radius:50%;top:16%;left:25%}html[data-concept=index] #experience:before,html[data-concept=index] #products:before,html[data-concept=index] #projects:before,html[data-concept=index] .approach-section>.container:before,html[data-concept=index] #about:before{transition:translate .75s var(--ease);translate:-50% var(--parallax-y,0px)}html[data-motion=enabled][data-concept=index] .reveal{opacity:0;transition:opacity .72s var(--ease), translate .72s var(--ease), scale .72s var(--ease);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)scale(.985)}html[data-motion=enabled][data-concept=index] .reveal[data-reveal=left],html[data-motion=enabled][data-concept=index] .reveal[data-reveal=right]{translate:0 28px}html[data-motion=enabled][data-concept=index] .reveal[data-reveal=down]{translate:0 -26px}html[data-motion=enabled][data-concept=index] .reveal[data-reveal=scale]{translate:0;scale:.93}html[data-motion=enabled][data-concept=index] .reveal.is-visible{opacity:1;transform:translate(0,0)scale(1)}html[data-concept=index] .approach-card:nth-child(2){--reveal-delay:90ms}html[data-concept=index] .approach-card:nth-child(3){--reveal-delay:.18s}html[data-concept=index] .index-product-card:nth-child(2),html[data-concept=index] .index-experience-entry:nth-child(2){--reveal-delay:.1s}html[data-concept=index] .index-tool-row:nth-child(2){--reveal-delay:80ms}html[data-concept=index] .index-tool-row:nth-child(3){--reveal-delay:.16s}html[data-concept=index] .approach-icon{transform-origin:50%;transition:transform .4s var(--ease), color .25s ease;display:inline-block}html[data-motion=enabled][data-concept=index] .approach-card.is-visible .approach-icon{animation:index-icon-arrive .72s var(--ease) both;animation-delay:calc(var(--reveal-delay,0s) + 70ms)}html[data-concept=index] .approach-card:hover .approach-icon{transform:rotate(-8deg)scale(1.12)}@keyframes index-icon-arrive{0%{opacity:.25;rotate:-18deg;scale:.55}72%{opacity:1;rotate:5deg;scale:1.16}to{opacity:1;rotate:0deg;scale:1}}html[data-concept=index] .index-product-card{transition:transform .45s var(--ease), border-color .3s ease, background-color .3s ease}html[data-concept=index] .index-product-card:hover{transform:translateY(-4px)}html[data-concept=index] .button-primary>span:last-child,html[data-concept=index] .text-link>span:last-child{transition:transform .35s var(--ease);display:inline-block}html[data-concept=index] .button-primary:hover>span:last-child,html[data-concept=index] .text-link:hover>span:last-child{transform:translate(3px,2px)scale(1.12)}html[data-concept=index] .index-terminal{color:#eeeae1;background:#1d1c19;border:1px solid #51463c;margin-top:22px}html[data-concept=index] .index-terminal-head{color:#c5beb1;letter-spacing:.12em;border-bottom:1px solid #51463c;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 13px;font:9px/1.3 ui-monospace,monospace;display:flex}html[data-concept=index] .index-terminal-head>span:first-child{color:#eeeae1;align-items:center;gap:8px;display:inline-flex}html[data-concept=index] .index-terminal-head i{background:#bd7050;border-radius:50%;width:6px;height:6px}html[data-concept=index] .index-terminal pre{color:#eeeae1;margin:0;padding:16px 14px 17px;font:500 13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:visible}html[data-concept=index] .index-terminal .terminal-prompt,html[data-concept=index] .index-terminal .terminal-flag{color:#e2a184}html[data-concept=index] .index-terminal .terminal-executable{color:#f0c28f}html[data-concept=index] .index-terminal .terminal-argument{color:#eeeae1}html[data-concept=index] .index-terminal-flow{border-top:1px solid #51463c;grid-template-columns:108px minmax(0,1fr);gap:12px;padding:11px 14px 13px;display:grid}html[data-concept=index] .index-terminal-flow>span{color:#e2a184;letter-spacing:.08em;font:9px/1.5 ui-monospace,monospace}html[data-concept=index] .index-terminal-flow p{color:#eeeae1;font:11px/1.6 ui-monospace,monospace}html[data-theme=light][data-concept=index] .engineering-visual.index-hero-visual{--accent:#884a35;--line:#aaa291;--muted:#5c594f;--raised:#eeeae0;--technical:#76684f;--text:#2d2b25;background:#ddd8ca;border-color:#938b79;box-shadow:10px 10px #c3bcad}html[data-theme=light][data-concept=index] .engineering-visual.index-hero-visual:before{border-color:#76684f38}html[data-theme=light][data-concept=index] .index-hero-visual .pixel-index-preview{background:0 0}html[data-theme=light][data-concept=index] .index-hero-visual .index-hero-grain{opacity:.2}html[data-theme=light][data-concept=index] .index-hero-caption,html[data-theme=light][data-concept=index] .index-hero-visual .visual-tag{color:#5c594f}html[data-theme=light][data-concept=index] .index-hero-visual .system-window{background:#eeeae0;border-color:#9b9382;box-shadow:0 24px 70px #352b1b1b}html[data-theme=light][data-concept=index] .index-hero-visual .window-bar,html[data-theme=light][data-concept=index] .index-hero-visual .window-footer{color:#5c594f;border-color:#b5ae9f}html[data-theme=light][data-concept=index] .index-hero-visual .window-dots i,html[data-theme=light][data-concept=index] .index-hero-visual .ui-sidebar i,html[data-theme=light][data-concept=index] .index-hero-visual .ui-lines i{background:#aaa291}html[data-theme=light][data-concept=index] .index-hero-visual .ui-heading span{background:#746e61}html[data-theme=light][data-concept=index] .index-hero-visual .ui-chart{border-bottom-color:#b5ae9f}html[data-theme=light][data-concept=index] .index-hero-visual .ui-chart span{background:#884a3524}html[data-theme=light][data-concept=index] .index-hero-visual .ui-chart span:last-child{background:#884a354d}html[data-theme=light][data-concept=index] .index-hero-visual .code-fragment{color:#5c594f;background:#f0ede4;border-color:#9b9382;box-shadow:0 16px 45px #352b1b20}html[data-theme=dark][data-concept=index]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d1c19;--surface:#25231f;--raised:#302d27;--text:#eeeae1;--muted:#c5beb1;--accent:#c47d5c;--line:#5a554c;--technical:#d2ad98;--index-black:#48433c;--grid-line:#eeeae10e;--grid-cross:#e5a18470;--geometry-line:#c77e5b38;--button-accent:#82412f}html[data-theme=dark][data-concept=index] body,html[data-theme=dark][data-concept=index] .site-header,html[data-theme=dark][data-concept=index] .site-header.is-scrolled{background-color:var(--bg);color:var(--text)}html[data-theme=dark][data-concept=index] .site-header{background-color:#1d1c19f5;border-color:#eeeae12e}html[data-theme=dark][data-concept=index] .site-header.is-scrolled{background-color:#1d1c19fa}html[data-theme=dark][data-concept=index] .index-hero-meta,html[data-theme=dark][data-concept=index] .credential-strip,html[data-theme=dark][data-concept=index] .site-footer{border-color:var(--line)}html[data-theme=dark][data-concept=index] .index-hero-meta,html[data-theme=dark][data-concept=index] .credential-strip>p,html[data-theme=dark][data-concept=index] .section-heading>.eyebrow,html[data-theme=dark][data-concept=index] .project-category,html[data-theme=dark][data-concept=index] .fact-label,html[data-theme=dark][data-concept=index] .index-experience-table thead th,html[data-theme=dark][data-concept=index] .index-experience-organization .role-pill,html[data-theme=dark][data-concept=index] .index-experience-organization .role-label,html[data-theme=dark][data-concept=index] .index-tool-description .project-decision{color:var(--technical)}html[data-theme=dark][data-concept=index] .index-hero-meta i,html[data-theme=dark][data-concept=index] .tech-tags li,html[data-theme=dark][data-concept=index] .index-product-copy h4,html[data-theme=dark][data-concept=index] .index-tool-description>p,html[data-theme=dark][data-concept=index] .contact-section .contact-note,html[data-theme=dark][data-concept=index] .contact-section>p,html[data-theme=dark][data-concept=index] .contact-section .email-line{color:var(--muted)}html[data-theme=dark][data-concept=index] .index-experience-table,html[data-theme=dark][data-concept=index] .index-tool-list,html[data-theme=dark][data-concept=index] .index-experience-entry,html[data-theme=dark][data-concept=index] .index-tool-row,html[data-theme=dark][data-concept=index] .about-facts,html[data-theme=dark][data-concept=index] .card-bottom{border-color:var(--line)}html[data-theme=dark][data-concept=index] .tech-tags li,html[data-theme=dark][data-concept=index] .portfolio-product-visual,html[data-theme=dark][data-concept=index] .approach-section{border-color:var(--line);background-color:var(--surface)}html[data-theme=dark][data-concept=index] .index-product-card,html[data-theme=dark][data-concept=index] .approach-card,html[data-theme=dark][data-concept=index] .contact-section{border-color:var(--line);background-color:#0000}html[data-theme=dark][data-concept=index] .portfolio-product-visual figcaption{border-color:var(--line);color:var(--muted)}html[data-theme=dark][data-concept=index] .approach-section{border-color:var(--line);background-color:color-mix(in srgb, var(--raised) 74%, transparent)}html[data-theme=dark][data-concept=index] .approach-card:hover,html[data-theme=dark][data-concept=index] .index-product-card:hover{border-color:var(--accent);background-color:#302d2794}html[data-theme=dark][data-concept=index] .about-section{border-color:var(--line)}html[data-theme=dark][data-concept=index] .about-content>p,html[data-theme=dark][data-concept=index] .outcome-list li,html[data-theme=dark][data-concept=index] .site-footer p,html[data-theme=dark][data-concept=index] .footer-links{color:var(--muted)}html[data-theme=dark][data-concept=index] .contact-section .copy-email,html[data-theme=dark][data-concept=index] .contact-section .email-line>a:hover,html[data-theme=dark][data-concept=index] .contact-section .email-line>a:focus-visible{color:#e5a184}html[data-theme=dark][data-concept=index] .contact-section .button-primary,html[data-theme=dark][data-concept=index] .button-primary{border-color:var(--button-accent);background-color:var(--button-accent);color:#fff8ee}html[data-theme=dark][data-concept=index] .contact-section .button-primary:hover,html[data-theme=dark][data-concept=index] .contact-section .button-primary:focus-visible,html[data-theme=dark][data-concept=index] .button-primary:hover,html[data-theme=dark][data-concept=index] .button-primary:focus-visible{background-color:#9b533a}html[data-theme=dark][data-concept=index] .text-link:hover{color:#e5a184;border-color:#e5a184}html[data-theme=dark][data-concept=index] .pixel-cursor span{background-color:var(--bg)}html[data-theme=dark][data-concept=index] .index-card-number{background-color:var(--button-accent);color:#fff8ee}html[data-concept=index][data-index-paused=true] .index-hero-grain,html[data-concept=index][data-index-paused=true] .index-ornament{animation-play-state:paused}@media (width<=1100px){html[data-concept=index]{--grid-gutter:64px}}@media (width>=1001px) and (width<=1160px){html[data-concept=index] .engineering-visual.index-hero-visual{min-height:clamp(320px,33.5vw,375px)}}@media (width>=761px) and (width<=1000px){html[data-concept=index] .header-inner{gap:16px}html[data-concept=index] .navigation{gap:clamp(12px,1.6vw,15px);font-size:11px}html[data-concept=index] .navigation a{white-space:nowrap;flex-shrink:0}html[data-concept=index] .header-controls{gap:12px}html[data-concept=index] .hero{grid-template-rows:auto auto auto;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"meta meta meta meta""content content content content""visual visual visual visual";row-gap:28px}html[data-concept=index] .hero-content{grid-column:1/span 4}html[data-concept=index] .engineering-visual.index-hero-visual{grid-column:1/span 4;width:min(100%,680px);margin-right:0}}@media (width<=760px){html[data-concept=index]{--grid-gutter:40px}html[data-concept=index] .index-layout-grid:before{background-size:50% 100%}html[data-concept=index] .index-grid-cross--quarter,html[data-concept=index] .index-grid-cross--three-quarter{display:none}html[data-concept=index] .index-hero-meta>.index-grid-cross--quarter,html[data-concept=index] .index-hero-meta>.index-grid-cross--three-quarter{display:none!important}html[data-concept=index] .theme-toggle{width:44px;height:44px}html[data-concept=index] .hero{grid-template-columns:1fr;grid-template-areas:"meta""content""visual"}html[data-concept=index] .hero-content,html[data-concept=index] .engineering-visual.index-hero-visual{grid-column:1}html[data-concept=index] .engineering-visual.index-hero-visual{margin-right:0}html[data-concept=index] .index-hero-meta{grid-template-columns:1fr}html[data-concept=index] .index-hero-meta>span:nth-child(3){grid-column:1}html[data-concept=index] .section-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}html[data-concept=index] .section-heading>.eyebrow,html[data-concept=index] .section-heading>div{grid-column:1/span 2}html[data-concept=index] .index-product-grid,html[data-concept=index] .approach-grid,html[data-concept=index] .about-section{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-concept=index] .index-product-card{grid-column:1/span 2}html[data-concept=index] .index-product-card:nth-child(odd),html[data-concept=index] .index-product-card:nth-child(2n){border-inline:1px solid var(--line)}html[data-concept=index] .approach-card:first-child,html[data-concept=index] .approach-card:nth-child(2),html[data-concept=index] .approach-card:nth-child(3),html[data-concept=index] .about-intro,html[data-concept=index] .about-content{grid-column:1/span 2}html[data-concept=index] .index-tool-row{grid-template-columns:42px minmax(0,1fr);gap:12px}html[data-concept=index] .index-tool-row>.index-card-number{top:22px;left:0}html[data-concept=index] .index-tool-title,html[data-concept=index] .index-tool-description{grid-column:2;padding:0}html[data-concept=index] .index-terminal pre{overflow-wrap:anywhere;white-space:pre-wrap;padding-inline:10px;overflow-x:visible}html[data-concept=index] .index-terminal-head{flex-wrap:wrap;min-width:0}html[data-concept=index] .index-terminal-head>span{overflow-wrap:anywhere;min-width:0}html[data-concept=index] #experience:before,html[data-concept=index] #projects:before,html[data-concept=index] .approach-section>.container:before,html[data-concept=index] #about:before{opacity:.45;transform:scale(.72)}html[data-concept=index] #experience:before{width:clamp(96px,30vw,150px);box-shadow:0 0 0 7px transparent, 0 0 0 8px var(--geometry-line);left:50%}html[data-concept=index] #products:before{opacity:.4;width:110px;left:50%;transform:rotate(45deg)scale(.72)}html[data-concept=index] #projects:before{width:clamp(100px,32vw,150px);box-shadow:0 0 0 8px transparent, 0 0 0 9px var(--geometry-line);left:50%}html[data-concept=index] .approach-section>.container:before{left:75%}html[data-concept=index] #about:before{width:clamp(96px,30vw,150px);box-shadow:0 0 0 7px transparent, 0 0 0 8px var(--geometry-line);left:50%}html[data-concept=index] .index-product-card:hover{transform:none}}@media (width<=380px){html[data-concept=index] .header-controls{justify-content:flex-end}html[data-concept=index] .language-control{margin-right:auto}html[data-concept=index] .index-terminal-flow{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:8px;padding-inline:10px}html[data-concept=index] .index-terminal-flow>*{overflow-wrap:anywhere;min-width:0}html[data-concept=index] .index-tool-title .project-category{white-space:normal;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html[data-concept=index] .hero-content,html[data-concept=index] .engineering-visual.index-hero-visual,html[data-concept=index] .approach-icon{animation:none!important}html[data-concept=index] .index-hero-grain,html[data-concept=index] .index-parallax-layer,html[data-concept=index] .index-grid-section:before,html[data-concept=index] .approach-section>.container:before{transition:none!important;animation:none!important;translate:none!important}html[data-concept=index] .theme-toggle,html[data-concept=index] .index-product-card{transition:none!important}html[data-concept=index] .theme-toggle:hover,html[data-concept=index] .approach-card:hover .approach-icon,html[data-concept=index] .index-product-card:hover,html[data-concept=index] .button-primary:hover>span:last-child,html[data-concept=index] .text-link:hover>span:last-child{transform:translate(0,0)scale(1)rotate(0)!important}}html[data-concept=index] .portfolio-product-visual picture{width:100%;display:block}html[data-concept=index] .tech-tags li{--tag-light-bg:#f3e7db;--tag-light-ink:#5e392a;--tag-light-line:#a86f50;--tag-dark-bg:#493329;--tag-dark-ink:#ffe3d1;--tag-dark-line:#c58a6a;border:1px solid var(--tag-light-line);background:var(--tag-light-bg);box-shadow:inset 2px 0 0 var(--tag-light-line);color:var(--tag-light-ink);border-radius:2px;padding:4px 8px 4px 9px;font-size:9px;font-weight:650;line-height:1.25}html[data-concept=index] .tech-tags li[data-tech=TypeScript],html[data-concept=index] .tech-tags li[data-tech=JavaScript]{--tag-light-bg:#e3effb;--tag-light-ink:#183b63;--tag-light-line:#4e84bb;--tag-dark-bg:#254260;--tag-dark-ink:#e2f0ff;--tag-dark-line:#7aafe2}html[data-concept=index] .tech-tags li[data-tech=React]{--tag-light-bg:#e0f4f5;--tag-light-ink:#17515a;--tag-light-line:#368c97;--tag-dark-bg:#1c4850;--tag-dark-ink:#ddfcff;--tag-dark-line:#69bbc4}html[data-concept=index] .tech-tags li[data-tech=Node\.js],html[data-concept=index] .tech-tags li[data-tech=Vue\.js]{--tag-light-bg:#e4f1e7;--tag-light-ink:#235539;--tag-light-line:#578a65;--tag-dark-bg:#294a35;--tag-dark-ink:#e2f8e7;--tag-dark-line:#83bc8f}html[data-concept=index] .tech-tags li[data-tech=Next\.js],html[data-concept=index] .tech-tags li[data-tech=AWS\ S3]{--tag-light-bg:#fff1d5;--tag-light-ink:#654a1c;--tag-light-line:#b48b36;--tag-dark-bg:#51401f;--tag-dark-ink:#ffefc9;--tag-dark-line:#d6ad52}html[data-concept=index] .tech-tags li[data-tech=NestJS],html[data-concept=index] .tech-tags li[data-tech=Angular]{--tag-light-bg:#fae5e7;--tag-light-ink:#772e3a;--tag-light-line:#b75162;--tag-dark-bg:#542d37;--tag-dark-ink:#ffe5e9;--tag-dark-line:#d67b8a}html[data-concept=index] .tech-tags li[data-tech=PostgreSQL],html[data-concept=index] .tech-tags li[data-tech=SQLite]{--tag-light-bg:#e7ecf8;--tag-light-ink:#303f68;--tag-light-line:#687eae;--tag-dark-bg:#323e5b;--tag-dark-ink:#e7edff;--tag-dark-line:#8ea3d4}html[data-concept=index] .tech-tags li[data-tech=Prisma]{--tag-light-bg:#eee8f7;--tag-light-ink:#4f3e6f;--tag-light-line:#8870ac;--tag-dark-bg:#403751;--tag-dark-ink:#f0e7ff;--tag-dark-line:#ad94d2}html[data-concept=index] .tech-tags li[data-tech=HTTP],html[data-concept=index] .tech-tags li[data-tech=REST\ APIs],html[data-concept=index] .tech-tags li[data-tech=Webhooks]{--tag-light-bg:#fae9dd;--tag-light-ink:#713c28;--tag-light-line:#b9714c;--tag-dark-bg:#563628;--tag-dark-ink:#ffeadb;--tag-dark-line:#d38c67}html[data-concept=index] .tech-tags li[data-tech="GitLab CI/CD"],html[data-concept=index] .tech-tags li[data-tech=GitHub\ Actions],html[data-concept=index] .tech-tags li[data-tech=Git]{--tag-light-bg:#f2e6dc;--tag-light-ink:#633d2a;--tag-light-line:#a86e4c;--tag-dark-bg:#49352a;--tag-dark-ink:#ffeadb;--tag-dark-line:#ce936f}html[data-concept=index] .tech-tags li[data-tech=Design\ System],html[data-concept=index] .tech-tags li[data-tech=Code\ Review],html[data-concept=index] .tech-tags li[data-tech=Scrum],html[data-concept=index] .tech-tags li[data-tech=Recipe\ explorer],html[data-concept=index] .tech-tags li[data-tech=Inventory],html[data-concept=index] .tech-tags li[data-tech=Manual\ review],html[data-concept=index] .tech-tags li[data-tech=Private\ product]{--tag-light-bg:#f4edd9;--tag-light-ink:#5e4c24;--tag-light-line:#aa8b3b;--tag-dark-bg:#4b4025;--tag-dark-ink:#fbf0c8;--tag-dark-line:#cbb064}html[data-theme=dark][data-concept=index] .tech-tags li{border-color:var(--tag-dark-line);background:var(--tag-dark-bg);box-shadow:inset 2px 0 0 var(--tag-dark-line);color:var(--tag-dark-ink)}html[data-theme=light][data-concept=index] .tech-tags li{border-color:var(--tag-light-line);background:var(--tag-light-bg);box-shadow:inset 2px 0 0 var(--tag-light-line);color:var(--tag-light-ink)}html[data-motion=enabled][data-concept=index] .reveal{transition-duration:var(--reveal-duration,.72s)}html[data-motion=enabled][data-concept=index] .index-product-card .portfolio-product-visual{opacity:0;transition:opacity .68s var(--ease), scale .78s var(--ease), translate .72s var(--ease);transition-delay:calc(var(--reveal-delay,0s) + 70ms);translate:0 15px;scale:.96}html[data-motion=enabled][data-concept=index] .index-product-card .index-product-copy{opacity:0;transition:opacity .66s var(--ease), translate .7s var(--ease);transition-delay:calc(var(--reveal-delay,0s) + .19s);translate:clamp(4px,1.25vw,18px)}html[data-motion=enabled][data-concept=index] .index-product-card:nth-child(2n) .index-product-copy{translate:clamp(-18px,-1.25vw,-4px)}html[data-motion=enabled][data-concept=index] .index-product-card.is-visible .portfolio-product-visual,html[data-motion=enabled][data-concept=index] .index-product-card.is-visible .index-product-copy{opacity:1;translate:0;scale:1}html[data-motion=enabled][data-concept=index] .index-tool-title,html[data-motion=enabled][data-concept=index] .index-tool-description{opacity:0;transition:opacity .62s var(--ease), translate .68s var(--ease)}html[data-motion=enabled][data-concept=index] .index-tool-title{transition-delay:calc(var(--reveal-delay,0s) + 65ms);translate:clamp(4px,1.25vw,18px)}html[data-motion=enabled][data-concept=index] .index-tool-description{transition-delay:calc(var(--reveal-delay,0s) + .15s);translate:clamp(-18px,-1.25vw,-4px)}html[data-motion=enabled][data-concept=index] .index-tool-row.is-visible .index-tool-title,html[data-motion=enabled][data-concept=index] .index-tool-row.is-visible .index-tool-description{opacity:1;translate:0}html[data-motion=enabled][data-concept=index] .tech-tags li{opacity:0;translate:0 6px;scale:.86}html[data-motion=enabled][data-concept=index] .reveal.is-visible .tech-tags li{animation:index-badge-pop .54s var(--ease) both;animation-delay:calc(var(--reveal-delay,0s) + var(--badge-delay,0s) + .24s)}@keyframes index-badge-pop{0%{opacity:0;translate:0 7px;scale:.78}72%{opacity:1;translate:0 -1px;scale:1.1}to{opacity:1;translate:0;scale:1}}html[data-motion=enabled][data-concept=index] .index-tool-row.is-visible>.index-card-number{animation:index-number-pop .66s var(--ease) both;animation-delay:calc(var(--reveal-delay,0s) + 90ms)}@keyframes index-number-pop{0%{opacity:.3;scale:.62}68%{opacity:1;scale:1.17}to{opacity:1;scale:1}}html[data-concept=index] #experience:before,html[data-concept=index] #products:before,html[data-concept=index] #projects:before,html[data-concept=index] .approach-section>.container:before,html[data-concept=index] #about:before{transform-origin:50%;will-change:rotate, scale;animation:44s ease-in-out infinite alternate index-section-mark-drift}html[data-concept=index] #experience:before{animation-duration:39s}html[data-concept=index] #products:before{animation-duration:52s;animation-delay:-17s}html[data-concept=index] #projects:before{animation-duration:47s;animation-delay:-11s}html[data-concept=index] .approach-section>.container:before{animation-duration:56s;animation-delay:-24s}html[data-concept=index] #about:before{animation-duration:61s;animation-delay:-29s}@keyframes index-section-mark-drift{0%{rotate:-2.4deg;scale:.98}to{rotate:2.4deg;scale:1.035}}html[data-concept=index][data-index-paused=true] #experience:before,html[data-concept=index][data-index-paused=true] #products:before,html[data-concept=index][data-index-paused=true] #projects:before,html[data-concept=index][data-index-paused=true] .approach-section>.container:before,html[data-concept=index][data-index-paused=true] #about:before{animation-play-state:paused}html[data-concept=index] .index-terminal{min-width:0}html[data-concept=index] .index-terminal pre{box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap;word-break:normal;width:100%;min-width:0;max-width:100%;overflow:visible}html[data-concept=index] .index-terminal pre code{white-space:inherit;overflow-wrap:anywhere}@media (width<=760px){html[data-concept=index] .index-product-card>.index-card-number{display:none}}@media (width<=380px){html[data-concept=index] .index-terminal-flow{grid-template-columns:90px minmax(0,1fr);gap:8px;padding-inline:10px}}@media (width<=760px){html[data-motion=enabled][data-concept=index] .index-product-card .index-product-copy,html[data-motion=enabled][data-concept=index] .index-tool-title,html[data-motion=enabled][data-concept=index] .index-tool-description{translate:0 8px}}@container (width<=480px){html[data-concept=index] .index-product-card>.index-card-number{display:none}}@media (prefers-reduced-motion:reduce){html[data-concept=index] #experience:before,html[data-concept=index] #products:before,html[data-concept=index] #projects:before,html[data-concept=index] .approach-section>.container:before,html[data-concept=index] #about:before{will-change:auto;animation:none!important;rotate:none!important;scale:none!important}html[data-concept=index] .tech-tags li,html[data-concept=index] .index-tool-row>.index-card-number{animation:none!important}}