:root{color-scheme:light;--bg: #f7f8f2;--surface: #ffffff;--ink: #11130f;--muted: #5e6459;--line: #d9ded1;--line-strong: #11130f;--lime: #b7ff2a;--green: #3f8f2f;--orange: #e85d2a;--shadow: 0 24px 80px rgba(17, 19, 15, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(17,19,15,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,15,.035) 1px,transparent 1px),var(--bg);background-size:36px 36px;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.nav-shell{position:fixed;top:18px;left:50%;z-index:20;display:flex;width:min(1180px,calc(100% - 32px));height:58px;align-items:center;justify-content:space-between;border:1px solid rgba(17,19,15,.16);background:#f7f8f2e6;padding:0 12px 0 16px;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-shell nav,.resume-link,.button,.intro-band a,.panel-top a{display:inline-flex;align-items:center}.brand{font-size:14px}.brand strong{font-size:15px;font-weight:820}.nav-shell nav{gap:6px}.nav-shell nav a{padding:10px 12px;color:var(--muted);font-size:13px;font-weight:680}.nav-shell nav a:hover{color:var(--ink)}.resume-link{gap:7px;border-left:1px solid var(--line);color:var(--ink)!important}.menu-button{display:none;width:42px;height:42px;place-items:center;border:0;background:var(--ink);color:#fff}.hero-section{display:grid;width:min(1180px,calc(100% - 32px));min-height:92vh;margin:0 auto;padding:112px 0 44px;align-items:center;gap:44px;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.name-line{margin:0 0 22px;font-size:clamp(30px,3.7vw,52px);font-weight:850;line-height:.95}.hero-copy h1{max-width:690px;margin:0;font-size:clamp(42px,5.4vw,70px);line-height:.95;letter-spacing:0}.hero-text{max-width:610px;margin:22px 0 0;color:var(--muted);font-size:clamp(17px,1.8vw,20px);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{min-height:48px;gap:9px;border:1px solid var(--ink);padding:0 18px;font-size:14px;font-weight:780}.button.primary{background:var(--ink);color:var(--lime)}.button.secondary{background:transparent}.hero-metrics{display:grid;max-width:680px;margin:28px 0 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr)}.hero-metrics div{padding:19px 16px 18px 0}.hero-metrics div+div{border-left:1px solid var(--line);padding-left:18px}.hero-metrics dt{font-size:clamp(25px,3vw,38px);font-weight:850}.hero-metrics dd{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.3}.hero-visual{position:relative;min-height:500px;border:1px solid var(--line-strong);background:linear-gradient(rgba(17,19,15,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,15,.055) 1px,transparent 1px),#fdfef8;background-size:26px 26px;box-shadow:var(--shadow);isolation:isolate;overflow:hidden;transform-style:preserve-3d;will-change:transform}.hero-visual:before,.hero-visual:after{position:absolute;content:"";z-index:1}.hero-visual:before{inset:18px;border:1px solid rgba(17,19,15,.16)}.hero-visual:after{right:26px;bottom:26px;width:94px;height:94px;border:18px solid var(--lime);border-left-color:var(--ink);border-radius:50%}.systems-board{position:absolute;top:58px;right:52px;z-index:3;display:grid;width:min(420px,calc(100% - 92px));min-height:350px;border:1px solid rgba(255,255,255,.14);background:#10120f;color:#fff;box-shadow:16px 16px #b7ff2acc;grid-template-columns:52px 1fr;will-change:transform}.systems-board:after{position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(183,255,42,.18) 48%,transparent 56%,transparent 100%);content:"";mix-blend-mode:screen;transform:translate(-80%);animation:board-scan 4.8s ease-in-out infinite;pointer-events:none}.board-sidebar{display:grid;align-content:start;gap:16px;border-right:1px solid rgba(255,255,255,.12);padding:22px 0;justify-items:center}.board-sidebar span{width:14px;height:14px;border:1px solid rgba(255,255,255,.42)}.board-sidebar span:first-child{background:var(--lime);border-color:var(--lime);animation:live-pulse 1.8s ease-in-out infinite}.board-main{padding:23px}.board-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.board-header strong,.board-header span,.board-header small,.query-box,.metric-tile span,.metric-tile strong,.work-log{position:relative;z-index:2}.board-header strong{display:block;font-size:22px;line-height:1}.board-header span,.metric-tile span,.work-log small{display:block;margin-top:6px;color:#ffffff94;font-size:12px;font-weight:650}.board-header small{border:1px solid var(--lime);color:var(--lime);padding:5px 8px;font-size:11px;font-weight:850;text-transform:uppercase}.query-box{display:flex;min-height:46px;margin-top:28px;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;padding:0 13px 0 15px;color:#ffffffd1;font-size:13px;font-weight:700}.query-box svg{flex:0 0 auto;color:var(--lime)}.board-grid{display:grid;gap:10px;margin-top:14px;grid-template-columns:repeat(2,1fr)}.metric-tile{min-height:118px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#ffffff0e;background-size:16px 16px;padding:14px}.metric-tile strong{display:block;margin-top:7px;font-size:30px;line-height:1}.metric-tile.wide{min-height:84px;grid-column:1 / -1}.mini-line{width:100%;height:44px;margin-top:13px;overflow:visible}.mini-line path,.system-mesh path{fill:none;stroke:var(--lime);stroke-width:3;vector-effect:non-scaling-stroke}.mini-bars{display:flex;height:44px;align-items:end;gap:6px;margin-top:12px}.mini-bars span{width:12px;background:var(--lime)}.pipeline-flow{display:flex;align-items:center;gap:10px;margin-top:18px}.pipeline-flow i{border:1px solid rgba(255,255,255,.22);padding:7px 9px;color:#ffffffc2;font-size:12px;font-style:normal;font-weight:760}.pipeline-flow b{height:1px;flex:1;background:var(--lime)}.work-log{display:grid;gap:0;margin-top:16px;border-top:1px solid rgba(255,255,255,.13)}.work-log div{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.11)}.work-log div:nth-child(1){animation:log-flash 4.2s ease-in-out infinite}.work-log div:nth-child(2){animation:log-flash 4.2s ease-in-out 1.4s infinite}.work-log div:nth-child(3){animation:log-flash 4.2s ease-in-out 2.8s infinite}.work-log span{font-size:12px;font-weight:720}.system-mesh{position:absolute;left:24px;bottom:42px;z-index:2;width:min(520px,82%);height:auto;color:var(--ink)}.system-mesh path{stroke:#11130f40;stroke-width:1.25}.system-mesh circle{fill:var(--lime);stroke:var(--ink);stroke-width:1.5}.intro-band{display:flex;width:min(1180px,calc(100% - 32px));margin:0 auto 22px;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:34px 0}.intro-band,.section,.education-band,.footer{scroll-margin-top:16px}.intro-band p{max-width:820px;margin:0;font-size:clamp(24px,3vw,40px);font-weight:780;line-height:1.08}.intro-band a{flex:0 0 auto;gap:8px;font-size:14px;font-weight:760}.motion-strip{width:100%;border-top:1px solid rgba(17,19,15,.18);border-bottom:1px solid rgba(17,19,15,.18);padding:22px 0;overflow:hidden}.motion-track{display:flex;width:max-content;gap:16px;padding-left:max(16px,calc((100vw - 1180px)/2));will-change:transform}.project-thumb{position:relative;flex:0 0 276px;height:210px;border:1px solid var(--ink);background:linear-gradient(rgba(17,19,15,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,19,15,.04) 1px,transparent 1px),var(--surface);background-size:18px 18px;padding:18px;overflow:hidden;box-shadow:8px 8px #b7ff2a94}.project-thumb:nth-child(2n){margin-top:28px}.thumb-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.thumb-top span,.thumb-top small{font-size:12px;font-weight:850;text-transform:uppercase}.thumb-top small{max-width:150px;color:var(--green);text-align:right}.project-thumb strong{display:block;margin-top:20px;font-size:22px;line-height:1.05}.project-thumb p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.3}.thumb-graphic{position:absolute;right:12px;bottom:10px;left:12px;height:82px}.thumb-graphic path{fill:none;stroke:var(--lime);stroke-width:5;vector-effect:non-scaling-stroke}.thumb-graphic path.thin{stroke:#11130f3d;stroke-width:1.4}.thumb-graphic circle{fill:var(--lime);stroke:var(--ink);stroke-width:2}.thumb-blocks{position:absolute;right:20px;bottom:18px;display:grid;width:148px;grid-template-columns:repeat(6,1fr);gap:5px;transform:rotate(-4deg)}.thumb-blocks span{aspect-ratio:1;border:1px solid rgba(17,19,15,.24);background:#11130f0f}.thumb-blocks span:nth-child(3n){background:var(--lime)}.thumb-bars{position:absolute;right:22px;bottom:18px;display:flex;width:150px;height:82px;align-items:end;gap:8px}.thumb-bars span{flex:1;background:var(--ink)}.thumb-bars span:nth-child(2n){background:var(--lime)}.thumb-agent{position:absolute;right:18px;bottom:18px;display:grid;width:156px;gap:9px}.thumb-agent span{height:12px;border:1px solid rgba(17,19,15,.2);background:#11130f0f}.thumb-agent b{width:66px;height:28px;border:1px solid var(--ink);background:var(--lime)}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:72px 0}.section-heading{display:grid;margin-bottom:46px;gap:22px;grid-template-columns:180px minmax(0,1fr) minmax(260px,420px)}.section-heading p{margin:7px 0 0;color:var(--green);font-size:13px;font-weight:850;text-transform:uppercase}.section-heading h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:.98}.section-heading span{color:var(--muted);font-size:16px;line-height:1.55}.project-stage{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:start}.project-list{border-top:1px solid var(--ink)}.project-row{display:grid;width:100%;min-height:96px;cursor:pointer;align-items:center;border:0;border-bottom:1px solid var(--line-strong);background:transparent;color:var(--ink);gap:20px;grid-template-columns:58px 1fr auto;padding:0;text-align:left;transition:background .18s ease,padding .18s ease}.project-row:hover,.project-row.active{background:var(--lime);padding:0 18px}.project-index,.project-year{color:var(--muted);font-size:13px;font-weight:760}.project-row strong{display:block;font-size:clamp(20px,2.4vw,32px);line-height:1.05}.project-row small{display:block;margin-top:7px;color:var(--muted);font-size:14px}.project-panel{position:sticky;top:100px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:28px;box-shadow:10px 10px 0 var(--lime);animation:panel-enter .34s ease both}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-top span{color:var(--lime);font-size:13px;font-weight:820;text-transform:uppercase}.panel-top a{justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.45)}.project-panel h3{margin:74px 0 18px;font-size:clamp(34px,4vw,54px);line-height:.96}.project-panel p{margin:0;color:#ffffffc7;font-size:17px;line-height:1.55}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.stack-list span,.skill-block span{border:1px solid currentColor;padding:7px 9px;font-size:12px;font-weight:740}.stack-list span{color:var(--lime)}.experience-section{border-top:1px solid var(--ink)}.timeline{display:grid;gap:0;border-top:1px solid var(--ink)}.timeline-item{display:grid;gap:28px;border-bottom:1px solid var(--line-strong);padding:34px 0;grid-template-columns:220px minmax(0,1fr)}.timeline-date{color:var(--green);font-size:13px;font-weight:820}.timeline h3{margin:0;font-size:clamp(25px,3vw,38px)}.org{margin:6px 0 18px;color:var(--muted);font-weight:720}.timeline ul{display:grid;max-width:760px;margin:0;padding-left:19px;gap:9px;color:var(--muted);line-height:1.55}.skills-section{border-top:1px solid var(--ink)}.skills-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.skill-block{min-height:300px;border:1px solid var(--ink);background:var(--surface);padding:22px}.skill-block h3{margin:0 0 54px;font-size:27px;line-height:1}.skill-block div{display:flex;flex-wrap:wrap;gap:8px}.education-band{display:grid;width:min(1180px,calc(100% - 32px));margin:0 auto 64px;border:1px solid var(--ink);background:var(--lime);grid-template-columns:repeat(2,1fr)}.education-band>div{padding:34px}.education-band>div+div{border-left:1px solid var(--ink)}.education-band h2{margin:18px 0 14px;font-size:clamp(28px,3vw,42px);line-height:1}.education-band p{margin:0;max-width:520px;color:#11130fb8;line-height:1.55}.footer{display:flex;width:min(1180px,calc(100% - 32px));margin:0 auto;align-items:end;justify-content:space-between;gap:32px;border-top:1px solid var(--ink);padding:42px 0 50px}.footer p{margin:0 0 10px;color:var(--green);font-weight:820}.footer h2{max-width:680px;margin:0;font-size:clamp(38px,5vw,72px);line-height:.95}.footer-links{display:grid;gap:10px;justify-items:end;font-weight:760}@keyframes board-scan{0%,36%{transform:translate(-90%)}64%,to{transform:translate(90%)}}@keyframes live-pulse{0%,to{box-shadow:0 0 #b7ff2a7a}50%{box-shadow:0 0 0 8px #b7ff2a00}}@keyframes log-flash{0%,24%,to{background:transparent}12%{background:#b7ff2a14}}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:940px){.menu-button{display:grid}.nav-shell nav{position:absolute;top:66px;right:0;display:none;width:min(320px,calc(100vw - 32px));border:1px solid var(--ink);background:var(--surface);padding:10px;box-shadow:10px 10px 0 var(--lime)}.nav-shell nav.open{display:grid}.nav-shell nav a{padding:14px}.hero-section{min-height:auto;padding-top:126px;grid-template-columns:1fr}.hero-visual{min-height:480px}.section-heading,.project-stage,.timeline-item,.education-band,.footer{grid-template-columns:1fr}.section-heading{gap:12px}.project-panel{position:static}.motion-track{padding-left:16px}.skills-grid{grid-template-columns:repeat(2,1fr)}.education-band>div+div{border-top:1px solid var(--ink);border-left:0}.footer{display:grid;align-items:start}.footer-links{justify-items:start}}@media(max-width:620px){.hero-section,.intro-band,.section,.education-band,.footer{width:min(100% - 22px,1180px)}.hero-section{padding-bottom:42px}.hero-actions,.intro-band{align-items:stretch;flex-direction:column}.button{justify-content:center;width:100%}.hero-metrics{grid-template-columns:1fr}.hero-metrics div+div{border-top:1px solid var(--line);border-left:0;padding-left:0}.hero-visual{min-height:380px}.systems-board{top:58px;right:24px;width:calc(100% - 60px);min-height:310px;grid-template-columns:38px 1fr}.board-main{padding:18px}.board-header strong{font-size:19px}.query-box{margin-top:20px;font-size:12px}.metric-tile{min-height:98px}.metric-tile strong{font-size:25px}.work-log,.motion-strip{display:none}.project-thumb{flex-basis:230px;height:178px}.project-thumb strong{font-size:18px}.project-row{min-height:110px;grid-template-columns:38px 1fr}.project-year{display:none}.skills-grid{grid-template-columns:1fr}.skill-block{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}