@font-face{font-family:"DIN 2014 Demi";src:url(/fonts/din-2014-demibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"DIN 2014 Light";src:url(/fonts/din-2014-light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"DIN 2014 Regular";src:url(/fonts/din-2014-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--navy-950:#011432;--navy-900:#031b3a;--navy-800:#05294e;--cyan-100:#d9eef6;--cyan-300:#6fbdd5;--cyan-500:#2aa8c9;--steel-100:#d9eef6;--steel-300:#9db8c8;--steel-600:#466579;--danger-400:#ff6c7a;--panel:#031a31bd;--line:#6fbdd56b;--hairline:#d9eef652;--font-sans:"DIN 2014 Regular", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"DIN 2014 Regular", "SFMono-Regular", "Roboto Mono", "Cascadia Code", Consolas, monospace;--font-demi:"DIN 2014 Demi", "DIN 2014 Regular", ui-sans-serif, system-ui, sans-serif;--font-light:"DIN 2014 Light", "DIN 2014 Regular", ui-sans-serif, system-ui, sans-serif;color:var(--steel-100);background:var(--navy-950);font-family:var(--font-sans);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100svh;margin:0;overflow:hidden}button{font:inherit}.portfolio-hero{--edge-gutter:clamp(21px, 5.2vw, 47px);--edge-top-gutter:var(--edge-bottom-gutter);--edge-bottom-gutter:clamp(21px, 5.2vw, 47px);--identity-copy-lift-y:clamp(-236px, calc(-108px - 12.8svh), -200px);--identity-name-x-nudge:-4px;--readout-mode-gap:11px;--readout-top:calc(var(--edge-top-gutter) + 38px + var(--readout-mode-gap));--readout-width:min(330px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));isolation:isolate;background-color:#0000;background-image:repeating-linear-gradient(0deg,#d9eef610 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#d9eef60f 0 1px,#0000 1px 8px),repeating-linear-gradient(0deg,#6fbdd51c 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#6fbdd51a 0 1px,#0000 1px 40px),linear-gradient(145deg,#011432 0%,#031b3a 48%,#011432 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;height:100svh;min-height:620px;position:relative;overflow:hidden}.portfolio-hero:before{content:"";z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.48;background:linear-gradient(90deg,#d9eef617,#0000 18% 82%,#d9eef612),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff08 24px);position:absolute;inset:0}.portfolio-hero:after{content:"";z-index:6;pointer-events:none;opacity:.82;background:linear-gradient(#d9eef68a,#d9eef68a) 16px 0/1px 34px no-repeat,linear-gradient(90deg,#d9eef68a,#d9eef68a) 0 16px/34px 1px no-repeat,linear-gradient(#d9eef68a,#d9eef68a) right 16px top 0/1px 34px no-repeat,linear-gradient(90deg,#d9eef68a,#d9eef68a) right 0 top 16px/34px 1px no-repeat,linear-gradient(#d9eef68a,#d9eef68a) left 16px bottom 0/1px 34px no-repeat,linear-gradient(90deg,#d9eef68a,#d9eef68a) left 0 bottom 16px/34px 1px no-repeat,linear-gradient(#d9eef68a,#d9eef68a) right 16px bottom 0/1px 34px no-repeat,linear-gradient(90deg,#d9eef68a,#d9eef68a) right 0 bottom 16px/34px 1px no-repeat;border:1px solid #d9eef694;position:absolute;inset:18px}.machine-canvas{z-index:1;cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.workpiece-dimension-label-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.workpiece-dimension-label{color:#d9eef6fa;font:400 14px/1 var(--font-mono);letter-spacing:0;text-align:center;white-space:nowrap;opacity:.98;text-shadow:0 0 5px #031a31f2,0 0 10px #6fbdd557;transform-origin:50%;-webkit-user-select:none;user-select:none;display:block;position:absolute}.machined-nav-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.machined-nav-link{box-sizing:border-box;color:#0000;height:30px;font:600 11px/1 var(--font-demi);letter-spacing:0;text-transform:uppercase;pointer-events:auto;opacity:.88;background:0 0;border:0;border-radius:2px;place-items:center;padding:0;text-decoration:none;transition:opacity .14s,background .14s;display:grid;position:absolute;overflow:visible;transform:translate(-50%,-50%)rotate(-6deg)}.machined-nav-svg{filter:drop-shadow(0 0 4px #6fbdd594)drop-shadow(0 0 12px #6fbdd547);position:absolute;inset:0;overflow:visible}.machined-nav-stroke{fill:none;stroke:#d9eef6e6;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;vector-effect:non-scaling-stroke}.machined-nav-stroke-letter{stroke:#d9eef6f5;stroke-width:1.05px}.portfolio-hero.nav-startup-active .machined-nav-link{opacity:0;background:0 0}.portfolio-hero.nav-startup-active .machined-nav-link.machined-nav-startup-visible{opacity:.9}.portfolio-hero.nav-startup-active .machined-nav-stroke{stroke-dashoffset:1px}.portfolio-hero.nav-startup-active .machined-nav-link.machined-nav-startup-visible .machined-nav-stroke{opacity:1}.machined-nav-link:hover,.machined-nav-link:focus-visible{opacity:1;outline-offset:3px;background:#031a3142;outline:1px solid #6fbdd59e}.machined-nav-link:hover .machined-nav-stroke,.machined-nav-link:focus-visible .machined-nav-stroke{stroke:var(--cyan-100)}.machined-nav-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.machined-nav-link[data-machined-nav=work]{min-width:74px}.machined-nav-link[data-machined-nav=resume]{min-width:104px}.machined-nav-link[data-machined-nav=contact]{min-width:118px}.portfolio-nav-anchor{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.left-identity{left:var(--edge-gutter);bottom:var(--edge-bottom-gutter);z-index:3;width:min(430px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));isolation:isolate;pointer-events:none;position:absolute}.portfolio-hero.debug-active .debug-overlay{bottom:calc(var(--edge-bottom-gutter) + 58px)}.identity-name{width:max-content;transform:translate(var(--identity-name-x-nudge), var(--identity-copy-lift-y));color:#d9eef694;font-family:var(--font-demi);letter-spacing:0;text-transform:uppercase;-webkit-text-fill-color:#d9eef67a;-webkit-text-stroke:1px #d9eef6e6;text-shadow:0 0 12px #d9eef638,0 0 24px #6fbdd538;background-image:repeating-linear-gradient(135deg,#d9eef6c7 0 1px,#d9eef65c 1px 3px,#0000 3px 6px);-webkit-background-clip:text;background-clip:text;grid-template-rows:repeat(2,min-content);justify-items:stretch;margin:0;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:.92;display:inline-grid}.identity-name-line{width:100%;display:block}.identity-name-line-justified{justify-content:space-between;align-items:baseline;display:flex}.identity-name-line-justified>span{display:block}.identity-name-space{width:.28em}.identity-role{transform:translateY(var(--identity-copy-lift-y));color:var(--cyan-300);font:600 clamp(17px, 2vw, 27px)/1.15 var(--font-demi);letter-spacing:0;text-transform:uppercase;text-shadow:0 0 14px #6fbdd542;margin:18px 0 0}.tag-strip{max-width:100%;min-height:42px;color:var(--cyan-100);font:400 16px/1.35 var(--font-sans);overflow-wrap:anywhere;background:#031a3166;border:1px solid #d9eef66b;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:16px;padding:0 18px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #d9eef614}.tag-separator{background:var(--cyan-100);border-radius:999px;flex:none;width:4px;height:4px;box-shadow:0 0 0 .5px #d9eef66b,0 0 6px #d9eef661}.hud-root{z-index:4;pointer-events:none;position:absolute;inset:0}.mode-pill{top:var(--edge-top-gutter);left:var(--edge-gutter);border:1px solid var(--line);min-width:154px;height:38px;color:var(--cyan-100);font:600 12px/1 var(--font-demi);text-transform:uppercase;background:#031a3194;border-radius:999px;align-items:center;gap:12px;padding:0 15px;display:inline-flex;position:absolute;box-shadow:inset 0 0 24px #2aa8c914}.mode-pill:before{content:"";background:var(--steel-300);border-radius:999px;width:9px;height:9px;box-shadow:0 0 16px}.mode-pill[data-mode=RAPID]{color:var(--cyan-100);border-color:#d9eef675}.mode-pill[data-mode=RAPID]:before{background:var(--cyan-100)}.mode-pill[data-mode=CUTTING]{color:var(--cyan-300);border-color:#6fbdd59e}.mode-pill[data-mode=CUTTING]:before{background:var(--cyan-300)}.readout-stack{left:var(--edge-gutter);top:var(--readout-top);width:var(--readout-width);grid-template-columns:repeat(2,minmax(116px,1fr));gap:12px;display:grid;position:absolute}.readout{background:#031a3194;border:1px solid #d9eef67a;border-radius:0;min-height:54px;padding:10px 11px;position:relative;box-shadow:inset 0 0 0 1px #6fbdd51a,0 0 18px #031a312e}.readout span{color:#d9e8efad;font:300 10px/1 var(--font-light);text-transform:uppercase;display:block}.readout strong{color:#f0fbff;font:600 15px/1 var(--font-demi);white-space:nowrap;margin-top:8px;display:block}.gcode-panel{top:var(--edge-top-gutter);right:var(--edge-gutter);z-index:4;width:min(386px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));pointer-events:none;background:#031a3194;border:1px solid #d9eef685;border-radius:5px;max-height:min(264px,35vh);position:absolute;overflow:visible;box-shadow:inset 0 0 0 1px #6fbdd51a,0 0 24px #031a312e}.panel-header{min-height:44px;color:var(--steel-100);font:600 12px/1 var(--font-demi);text-transform:uppercase;border-bottom:1px solid #d9eef670;justify-content:space-between;align-items:center;gap:14px;padding:0 15px;display:flex}.panel-header span:last-child{color:var(--cyan-300)}.gcode-list{font:400 12px/1.62 var(--font-mono);color:#d9e8efd1;max-height:209px;margin:0;padding:10px 0 11px;list-style:none;overflow:hidden}.gcode-list li{white-space:pre;text-overflow:ellipsis;border-left:3px solid #0000;min-height:23px;padding:2px 15px;overflow:hidden}.gcode-list li.active{color:#f0fbff;border-left-color:var(--cyan-300);text-shadow:0 0 14px #6fbdd552;background:#2aa8c926}.joint-angle-grid{left:var(--edge-gutter);top:calc(var(--readout-top) + 132px);z-index:5;width:var(--readout-width);pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:absolute}.joint-label-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.joint-label{min-width:74px;color:var(--cyan-100);font:600 10px/1.2 var(--font-demi);background:#031a31b3;border:1px solid #d9eef694;border-radius:2px;padding:4px 7px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #2aa8c91f}.joint-angle-grid .joint-label{text-align:center;white-space:nowrap;justify-content:center;align-items:center;min-width:0;min-height:24px;padding:4px 6px;display:flex;position:relative;transform:none}.title-block{right:var(--edge-gutter);bottom:var(--edge-bottom-gutter);z-index:4;font:400 12px/1 var(--font-mono);text-transform:uppercase;pointer-events:none;background:#031a3194;border:1px solid #d9e8ef80;grid-template-columns:auto auto;display:grid;position:absolute}.title-block:before{content:"";background:linear-gradient(var(--cyan-100), var(--cyan-100)) center / 1px 68px no-repeat, linear-gradient(90deg, var(--cyan-100), var(--cyan-100)) center / 68px 1px no-repeat, radial-gradient(circle, transparent 0 12px, #d9eef685 12px 13px, transparent 13px 100%);opacity:.68;border:1px solid #d9eef675;border-radius:999px;width:56px;height:56px;position:absolute;bottom:8px;left:-76px;box-shadow:0 0 18px #6fbdd52e}.title-block span{color:#d9e8efc7;border-bottom:1px solid #d9e8ef6b;border-right:1px solid #d9e8ef6b;min-width:102px;padding:12px 14px}.title-block strong{min-width:126px;color:var(--steel-100);font-family:var(--font-demi);border-bottom:1px solid #d9e8ef6b;padding:12px 14px;font-weight:600}.debug-overlay{left:var(--edge-gutter);bottom:var(--edge-bottom-gutter);z-index:7;width:min(700px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));color:var(--cyan-100);font-family:var(--font-mono);pointer-events:none;background:#031a31bd;border:1px solid #d9eef670;border-radius:4px;grid-template-columns:42px 62px 74px 72px 58px 124px 54px minmax(0,1fr);align-items:center;gap:8px;padding:9px 8px 9px 11px;display:grid;position:absolute}.readout-corner{border-right:1px solid var(--cyan-100);border-bottom:1px solid var(--cyan-100);pointer-events:none;opacity:.6;transform-origin:0 0;width:5px;height:5px;position:absolute}.readout-corner-tl{top:-2px;left:-2px;transform:scale(1)}.readout-corner-tr{top:-2px;left:calc(100% + 2px);transform:scaleX(-1)}.readout-corner-br{top:calc(100% + 2px);left:calc(100% + 2px);transform:scale(-1)}.readout-corner-bl{top:calc(100% + 2px);left:-2px;transform:scaleY(-1)}.debug-overlay[hidden]{display:none}.debug-metric{border-right:1px solid #d9eef638;gap:4px;min-width:0;padding-right:8px;display:grid;overflow:hidden}.debug-metric:last-child{border-right:0}.debug-metric-wide{min-width:0}.debug-metric-phase{min-width:124px}.debug-metric span{color:#d9e8ef9e;font:300 8px/1 var(--font-light);text-transform:uppercase}.debug-metric strong{color:var(--cyan-100);font:600 11px/1 var(--font-demi);letter-spacing:0;text-overflow:clip;white-space:nowrap;overflow:hidden}.touch-depth-controls{z-index:8;pointer-events:auto;gap:8px;display:none;position:absolute;bottom:120px;right:18px}.touch-depth-controls button{border:1px solid var(--line);width:58px;height:42px;color:var(--cyan-100);font:600 12px/1 var(--font-demi);background:#031a31b8;border-radius:6px}@media (pointer:coarse){.touch-depth-controls{display:flex}}@media (width<=860px){.portfolio-hero{--readout-width:min(190px, calc(48vw - 18px));min-height:680px}.left-identity{left:var(--edge-gutter);bottom:30px}.identity-name{font-size:clamp(38px,12vw,58px)}.readout-stack{width:var(--readout-width);grid-template-columns:1fr}.joint-angle-grid{top:calc(var(--readout-top) + 276px)}.gcode-panel{max-height:214px;width:min(360px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));top:auto;bottom:188px}.title-block{right:var(--edge-gutter);bottom:var(--edge-bottom-gutter);opacity:.86;grid-template-columns:auto auto;font-size:8px}.title-block span{min-width:70px;padding:7px 8px}.title-block strong{min-width:92px;padding:7px 8px}.debug-overlay{left:var(--edge-gutter);right:var(--edge-gutter);grid-template-columns:repeat(2,minmax(0,1fr));width:auto;max-width:none;bottom:72px}.debug-metric,.debug-metric-phase,.debug-metric-wide{min-width:0}}@media (width<=560px){.portfolio-hero{--readout-top:64px;--readout-width:min(330px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)))}.touch-depth-controls{display:flex}.readout-stack{top:var(--readout-top);left:var(--edge-gutter);width:var(--readout-width);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.joint-angle-grid{left:var(--edge-gutter);top:calc(var(--readout-top) + 104px);width:var(--readout-width);gap:6px}.readout{background:#031a31db;min-height:43px;padding:8px 9px}.readout span{font-size:8px}.readout strong{margin-top:6px;font-size:11px}.gcode-panel{top:auto;right:var(--edge-gutter);width:min(360px, calc(100vw - var(--edge-gutter) - var(--edge-gutter)));max-height:132px;display:block;bottom:clamp(250px,36vh,310px)}.panel-header{min-height:30px;padding:0 10px;font-size:9px}.gcode-list{padding:6px 0 7px;font-size:9px;line-height:1.35}.gcode-list li{min-height:14px;padding:1px 10px}.tag-strip{font-size:11px}.joint-label{min-width:58px;padding:3px 5px;font-size:8px}.title-block{right:var(--edge-gutter);bottom:var(--edge-bottom-gutter);font-size:7px;display:grid}.title-block span{min-width:58px;padding:6px}.title-block strong{min-width:76px;padding:6px}}