:root{color-scheme:dark;--bg:#0c0e11;--surface:#121519;--surface-raised:#181c21;--text:#edf0eb;--muted:#939a96;--subtle:#606963;--line:#262c28;--lime:#b5f36b;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--bg)}h1,h2,h3,h4,p{margin:0}svg{display:block}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.section-shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:110px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.muted{color:var(--muted)}.lime{color:var(--lime)}.mono{font-family:var(--mono)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 13px #b5f36b60;flex:none}.section-number{color:var(--lime);margin-right:7px}.skip-link{position:fixed;top:-90px;left:20px;padding:12px 20px;z-index:100;background:var(--lime);color:var(--bg)}.skip-link:focus{top:15px}
.site-header{height:92px;border-bottom:1px solid #ffffff0b;position:sticky;top:0;z-index:30;background:#0c0e11e8;backdrop-filter:blur(18px)}.nav-shell{width:min(1328px,calc(100% - 80px));margin:auto;display:flex;height:100%;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:14px;align-items:center;font:11px/1.5 var(--mono);letter-spacing:2px}.brand-mark{font-family:var(--sans);font-size:42px;font-weight:850;letter-spacing:-6px;line-height:1;margin-top:-5px}.brand-mark>span{color:var(--lime)}.brand-caption{display:block;font-size:8px;letter-spacing:1.5px;color:var(--subtle);margin-top:4px}.desktop-nav{display:flex;gap:32px;color:#a7afa9;font-size:12px}.desktop-nav a{position:relative;padding:12px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--lime)}.desktop-nav a.active:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--lime);bottom:2px;left:50%}.nav-actions{display:flex;align-items:center;gap:23px}.github-link{color:#aab3ad}.github-link:hover{color:var(--lime)}.nav-contact{font-size:11px;border:1px solid #404a3b;border-radius:4px;padding:9px 15px;display:flex;gap:19px;align-items:center}.nav-contact span{color:var(--lime);font-size:17px;line-height:1}.nav-contact:hover{background:#b5f36b12}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:90px;min-height:700px;display:grid;grid-template-columns:1.06fr 1fr;gap:24px;position:relative}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:var(--lime);font-size:9px;letter-spacing:1.7px}.intro{font-size:16px;margin-top:32px;display:flex;align-items:center;gap:6px;color:#aab1ad}.intro strong{font-weight:500;color:var(--text)}.intro-line{width:42px;height:1px;background:#4a5546;margin-left:15px}h1{font-size:clamp(40px,4.3vw,64px);line-height:1.32;letter-spacing:-2.8px;font-weight:730;margin-top:17px;white-space:nowrap}h1>span{color:var(--lime)}.hero-description{font-size:13px;color:#969e98;line-height:2;margin-top:25px;letter-spacing:.4px}.hero-actions{display:flex;gap:12px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 20px;border-radius:4px;font-size:12px;line-height:1.6;transition:background .2s,transform .2s}.button-primary{background:var(--lime);color:#182011;font-weight:650;border:1px solid var(--lime)}.button-primary:hover{background:#c9ff89;transform:translateY(-2px)}.button-outline{background:transparent;border:1px solid #383f3a;color:#d0d6d0}.button-outline:hover{background:#ffffff06;border-color:#727f66}.button .icon{width:18px;height:18px}.hero-meta{display:flex;align-items:center;gap:18px;margin-top:28px;color:#7e8981;font:9px var(--mono);letter-spacing:.7px}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.3}.meta-separator{color:#353d37}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;align-self:end;padding:35px 0 24px}.hero-bottom-text{font:8px var(--mono);letter-spacing:2.1px;color:#5b665d}.scroll-cue{font:10px var(--sans);color:#99a48f;display:flex;align-items:center;gap:16px}.scroll-cue>span{font-size:20px;color:var(--lime);animation:scroll-nudge 2s ease-in-out infinite}
.tech-art{position:relative;min-width:0;margin-top:1px;align-self:start;padding-top:4px}.art-top{display:flex;justify-content:space-between;color:#6b786d;font:8px var(--mono);letter-spacing:1.3px;padding:0 7px}.tiny-cross{color:var(--lime);margin-right:10px;font-size:14px}.art-coordinate{padding-top:3px}.graph-stage{height:auto;aspect-ratio:560/450;position:relative;margin:6px -18px -5px;isolation:isolate}.graph-grid{position:absolute;inset:0;background-image:linear-gradient(#88ac590b 1px,transparent 1px),linear-gradient(90deg,#88ac590b 1px,transparent 1px);background-size:29px 29px;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);transform:perspective(550px) rotateX(25deg) rotateZ(-15deg)}.graph-glow{position:absolute;inset:5%;background:radial-gradient(ellipse,#8fc94218,transparent 66%)}.graph-lines{position:absolute;inset:0;width:100%;height:100%}.graph-packets path{stroke-dasharray:8 580;animation:packets 8s linear infinite}.graph-packets path:nth-child(2){animation-delay:-3s;animation-duration:6s}.graph-packets path:nth-child(3){animation-delay:-5s;animation-duration:10s}.core-halo{position:absolute;left:50%;top:50%;width:174px;height:174px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #b5f36b15;box-shadow:0 0 55px #b5f36b08,inset 0 0 35px #b5f36b08;animation:halo 6s ease-in-out infinite}.graph-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:145px;background:linear-gradient(140deg,#242e1fdd,#11170fee);border:1px solid #b5f36b60;border-radius:18px;box-shadow:0 0 55px #b5f36b12,inset 0 1px 12px #b5f36b12;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .3s}.core-symbol{width:45px;height:45px;stroke:var(--lime);fill:#b5f36b07;stroke-width:1.4;margin-bottom:10px}.graph-core strong{font:600 23px var(--sans);letter-spacing:-.8px;color:#d6f3b8}.graph-core>span{color:#90a27f;font:7px var(--mono);letter-spacing:2px;margin-top:5px}.graph-node{position:absolute;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1b231c,#101611);border:1px solid #495e3c88;padding:10px 13px;border-radius:7px;font:10px var(--mono);color:#bfcbb8;box-shadow:0 8px 28px #0005;animation:float 7s ease-in-out infinite;white-space:nowrap;transition:color .3s}.graph-node i{width:3px;height:3px;background:#7f9d63;border-radius:50%;margin-left:4px}.node-glyph{color:var(--lime);font-size:13px}.node-1{left:8%;top:17%;animation-delay:-2s}.node-2{right:2%;top:21%;animation-delay:-4s}.node-3{left:1%;top:54%;animation-delay:-1s}.node-4{right:0;top:62%;animation-delay:-3s}.node-5{left:19%;bottom:13%;animation-delay:-5s}.node-6{right:14%;bottom:6%;animation-delay:-6s}.graph-cross{position:absolute;font:18px var(--mono);color:#3e5330}.cross-1{left:20%;top:42%}.cross-2{right:22%;top:5%}.graph-label{position:absolute;left:1%;bottom:7%;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:2px;color:#4a5b42}.art-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:0;padding:0 10px}.graph-controls{display:flex;gap:2px;background:#111610;border:1px solid #283423;border-radius:5px;padding:3px}.graph-controls button{background:transparent;border-radius:3px;color:#7a8a70;padding:7px 12px;font-size:10px}.graph-controls button.active{background:#b5f36b15;color:var(--lime)}.graph-controls button>span{margin-left:8px}.art-note{font-size:9px;color:#5b6c51}.graph-description{color:#7c8b73;margin:12px 10px 0;font-size:10px;letter-spacing:.4px}.graph-stage[data-mode=ai] .graph-core{border-color:#cbdc9b}.graph-stage[data-mode=ai] .graph-node{color:#e0e8d2}
.stack-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101312}.stack-ribbon>.section-shell{display:flex;justify-content:space-between;gap:22px;padding:25px 0;overflow:hidden}.stack-ribbon>.section-shell>span{font:500 15px var(--mono);color:#8b958c;white-space:nowrap;display:flex;align-items:center;gap:28px}.ribbon-dot{color:#45553b;font-size:17px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:95px}.section-intro h2,h2{font-size:32px;font-weight:550;line-height:1.6;letter-spacing:-1px;margin-top:23px}.serif-accent{color:#b6c1ae}.section-intro>p:not(.eyebrow),.experience-intro>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:2.1;max-width:350px;margin-top:22px}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:12px;color:#d5dfcc;border-bottom:1px solid #667558;padding-bottom:7px}.section-intro .text-link{margin-top:27px}.text-link:hover{color:var(--lime)}.text-link .icon{width:16px;height:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:9px}.stats>div+div{padding-left:23px;border-left:1px solid var(--line)}.stats strong{font:500 44px/1.4 var(--sans);letter-spacing:-1.5px;display:block}.stats strong>small{font-size:13px;letter-spacing:0;color:#b7c1ae;margin-right:7px}.stats strong>span{font-size:12px;letter-spacing:0;margin-left:6px;color:var(--muted)}.stats p{font-size:10px;color:var(--muted);margin-top:3px}.capability{display:flex;gap:17px;padding:23px 0 20px;border-bottom:1px solid var(--line);align-items:flex-start}.capability>.icon{color:var(--lime);width:21px;margin-top:3px}.capability h3{font-size:13px;font-weight:550}.capability p{font-size:11px;color:#8c968d;margin-top:7px;line-height:1.9}.capability>span{margin-left:auto;color:#46503f;font:9px var(--mono);padding-top:6px}.projects{padding-top:25px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading>p{font-size:11px;color:var(--muted);line-height:2;margin-bottom:5px}.section-heading h2{margin-top:17px}.project-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:32px 0 27px;padding-bottom:16px}.project-filters{display:flex;gap:9px}.project-filters button{background:transparent;color:#8c978c;font-size:11px;padding:8px 13px;border-radius:4px;white-space:nowrap}.project-filters button.active{color:var(--lime);background:#b5f36b10}.project-filters button span{font:8px var(--mono);margin-left:7px;opacity:.6}.result-count{font:9px var(--mono);color:var(--subtle)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#111417;transition:border-color .25s,transform .25s}.project-card:hover{border-color:#596b45;transform:translateY(-4px)}.project-card[hidden]{display:none}.project-art{height:200px;background:#141b14;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;isolation:isolate;overflow:hidden;border-bottom:1px solid #ffffff06;background-image:radial-gradient(ellipse at 50% 80%,#a7c36d12,transparent 70%),linear-gradient(#78965e09 1px,transparent 1px),linear-gradient(90deg,#78965e09 1px,transparent 1px);background-size:auto,22px 22px,22px 22px}.art-index{position:absolute;top:19px;left:23px;font:8px var(--mono);letter-spacing:1.3px;color:#76856b}.art-watermark{position:absolute;bottom:-25px;right:10px;font:800 66px var(--sans);letter-spacing:-4px;color:#8ca77d0b;z-index:-1}.architecture-before{font:9px var(--mono);color:#87957a;border:1px dashed #4d5a42;padding:16px 20px;border-radius:5px;text-align:center}.architecture-before>span{display:block;font:10px var(--sans);margin-top:6px}.architecture-flow{color:#9dc27a;font-size:22px}.service-cluster{display:grid;gap:7px;transform:rotate(-4deg)}.service-cluster>span{color:#b6c6a6;border:1px solid #596e44;background:#1c2917;display:flex;align-items:center;gap:17px;border-radius:4px;padding:7px 23px;font-size:9px;box-shadow:4px 5px #0d150e}.service-cluster i{height:4px;width:4px;background:var(--lime);border-radius:1px}.ai-art{background-color:#171b1c;background-image:radial-gradient(ellipse at center,#9ab09b12,transparent 70%),radial-gradient(#98a99c18 .7px,transparent .7px);background-size:auto,15px 15px}.ai-art .art-index{color:#75877e}.ai-diagram{display:flex;align-items:center;gap:14px}.ai-input,.ai-output{border:1px solid #415047;padding:8px 10px;border-radius:4px;color:#a5b6a9;font-size:9px}.ai-diagram>i{width:22px;height:1px;background:#729e7b;position:relative}.ai-diagram>i:after{content:"";width:4px;height:4px;background:#b9d4ac;position:absolute;right:0;top:-1.5px;border-radius:50%}.ai-brain{width:110px;height:110px;border:1px solid #667c58;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 8px #a1bf8c05,0 0 0 9px #a1bf8c18,0 0 30px #b5f36b08;color:#c9dbb6}.ai-brain .icon{color:#b5d594;width:20px}.ai-brain strong{font:20px var(--mono);margin-top:5px}.ai-brain>span{font:5px var(--mono);letter-spacing:.5px;margin-top:6px}.messaging-art{background-color:#191b15}.message-pipeline{display:flex;align-items:center;gap:18px;color:#9fab88;font-size:10px}.message-pipeline>i{font-style:normal;color:#617149}.message-pipeline>strong{font:15px var(--mono);padding:18px;border:1px solid #667547;border-radius:7px;background:#262b1c;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:0 0 25px #99af5a0a}.message-pipeline b{color:#c2d581;font:26px/1 var(--mono)}.message-pipeline>div{display:grid;gap:7px}.message-pipeline>div span{font:8px var(--mono);letter-spacing:1.2px;padding:4px 15px;border:1px solid #3e4930;border-radius:3px;background:#1d2419}.workflow-art{background-color:#141b1a}.workflow-diagram{display:flex;align-items:center;gap:9px;margin-top:10px}.workflow-diagram>span{font:11px var(--mono);color:#92b6a3;border:1px solid #38584a;border-radius:5px;padding:12px;background:#182820}.workflow-diagram em{font:9px var(--sans);color:#b2c6b7;display:block;font-style:normal;margin-top:8px}.workflow-diagram>i{font:15px var(--mono);color:#45604e}.project-content{padding:25px 27px 19px}.project-kicker{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#7e8e7c}.project-kicker>span:last-child{font-family:var(--mono);font-size:8px;flex:none}.project-content h3{font-size:20px;font-weight:550;margin-top:14px;letter-spacing:-.3px}.project-content>p{font-size:11px;line-height:2;color:#969f97;margin-top:13px;max-width:96%;min-height:44px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:19px}.tags span{font-size:8px;padding:3px 7px;border:1px solid #2c352a;border-radius:3px;color:#a1ad98}.project-open{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border-top:1px solid #252c25;margin-top:23px;padding:15px 0 0;font-size:10px;color:#c1ceb6}.project-open .icon{width:18px;height:18px;color:var(--lime);transition:transform .2s}.project-open:hover .icon{transform:translate(2px,-2px)}.project-footnote{color:#788071;font-size:9px;margin-top:16px;text-align:right}
.stack-section{background:#111412;border-block:1px solid var(--line);position:relative}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:53px}.toolkit-column{position:relative;padding:0 26px}.toolkit-column:first-child{padding-left:0}.toolkit-column:last-child{padding-right:0}.toolkit-column+.toolkit-column{border-left:1px solid #2a3126}.toolkit-number{position:absolute;right:23px;top:1px;color:#5f6d55;font:9px var(--mono)}.toolkit-column>.icon{color:var(--lime);width:25px;height:25px;margin-bottom:23px}.toolkit-column h3{font-size:16px;font-weight:500}.toolkit-column>p{font-size:10px;color:#7a8774;margin-top:7px}.toolkit-column ul{padding:22px 0 0;margin:0;list-style:none}.toolkit-column li{font:11px/2.9 var(--mono);color:#adb6a7;display:flex;align-items:center;justify-content:space-between;gap:8px}.toolkit-column .core-tech{color:#d7e3c9}.core-tech>span{color:var(--lime);font:6px var(--mono);border:1px solid #b5f36b30;background:#b5f36b08;border-radius:3px;padding:2px 4px}.toolkit-bottom{border-top:1px solid #2a3126;display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:40px;color:#7b8973;font-size:10px}.toolkit-bottom>.mono{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.toolkit-bottom .status-dot{width:4px;height:4px}.experience{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.experience-intro h2{font-size:29px}.journey-stamp{display:flex;align-items:center;gap:12px;font:7px var(--mono);letter-spacing:1px;color:#69765f;margin-top:30px}.journey-stamp>.icon{width:26px;color:#899e76}.timeline{padding-top:4px}.timeline-item{position:relative;border-left:1px solid #35422d;padding:0 0 35px 32px}.timeline-item:before{content:"";position:absolute;left:-3px;top:6px;width:5px;height:5px;border-radius:50%;background:#536447}.timeline-item:first-child:before{background:var(--lime);width:7px;height:7px;left:-4px;box-shadow:0 0 0 5px #b5f36b09}.timeline-item:last-child{padding-bottom:0}.timeline-date{font:9px/1.6 var(--mono);color:#8d9f7e;letter-spacing:.5px;display:flex;align-items:center;gap:15px}.timeline-date>span{font:8px var(--sans);padding:3px 5px;background:#b5f36b09;border:1px solid #b5f36b18;color:#a6c38e;border-radius:3px}.timeline-item h3{font-size:18px;font-weight:550;margin-top:12px}.timeline-item h4{font-size:10px;color:#b4bdb0;font-weight:400;margin-top:4px}.timeline-item p{font-size:11px;color:#8a9686;line-height:2;max-width:460px;margin-top:11px}.timeline-tags{display:flex;gap:8px;font-size:8px;margin-top:13px;color:#a0b08d}.timeline-tags>span{padding:3px 7px;background:#b5f36b08;border-radius:3px}
.contact-section{padding:65px 60px 52px;border:1px solid #394330;border-radius:8px;background:linear-gradient(110deg,#1b2416,#101610 75%);position:relative;overflow:hidden;isolation:isolate;margin-bottom:60px}.contact-copy{position:relative;z-index:2}.contact-copy>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#94b777}.contact-copy h2{font-size:37px;line-height:1.5;margin-top:20px}.contact-copy h2>span{color:var(--lime)}.contact-copy>p:not(.eyebrow):not(.copy-status){font-size:11px;color:#a2af97;line-height:2;margin-top:17px}.contact-actions{display:flex;gap:12px;margin-top:26px}.contact-actions .button{font-size:10px;gap:12px;padding:12px 16px}.contact-signature{position:absolute;right:80px;top:20px;font:700 290px var(--sans);letter-spacing:-30px;color:#b5f36b10;transform:rotate(-10deg);z-index:-1}.contact-orbit{width:470px;height:470px;position:absolute;right:-90px;top:-30px;border:1px solid #b5f36b18;border-radius:50%;z-index:-1}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;inset:45px;border:1px solid #b5f36b12;border-radius:50%}.contact-orbit:after{inset:90px}.copy-status{height:16px;margin-top:10px;font-size:10px;color:var(--lime)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:0 35px;font-size:8px;color:#737d6c}.footer-brand{font-size:11px;color:#bdc7b7}.footer-brand>span{font:7px var(--mono);color:#78896c;margin-left:7px}.site-footer>a:last-child{font:7px var(--mono);letter-spacing:1px;color:#a0b18d}
dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:28px 32px 24px;border:1px solid #45523a;border-radius:12px;background:#131813;color:var(--text);box-shadow:0 25px 100px #0009;overflow:auto}dialog::backdrop{background:#040803cf;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-close{background:#222c1c;border:1px solid #3d4d31;border-radius:50%;width:33px;height:33px;color:#becea9;font-size:16px;line-height:1}.dialog-close:hover{background:#394b2b}#dialog-content h2{font-size:26px;line-height:1.5;margin:25px 0 12px}.dialog-meta{color:#98ad85;font-size:11px;line-height:1.8}.dialog-block{margin-top:24px}.dialog-block h3{font-size:13px;color:#d9e6ce;font-weight:500}.dialog-block p,.dialog-block li{font-size:12px;line-height:2;color:#a9b5a0}.dialog-block p{margin-top:8px}.dialog-block ul{padding-left:18px;margin:9px 0 0}.dialog-block li{padding-left:3px;margin-bottom:7px}.dialog-bottom{border-top:1px solid #323f29;margin-top:27px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-bottom>span{font:7px var(--mono);color:#748763}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(18px)}.motion-ready .reveal{transition:opacity .65s ease,transform .65s ease}
.graph-stage{overflow:clip;pointer-events:none}
@keyframes packets{to{stroke-dashoffset:-588}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes halo{50%{scale:1.06;opacity:.6}}@keyframes scroll-nudge{50%{transform:translateY(4px)}}
@media(min-width:1600px){.hero{min-height:760px;padding-top:110px}.graph-stage{margin-top:0}.hero-bottom{padding-bottom:30px}}
@media(max-width:1150px){.section-shell{width:calc(100% - 80px)}.nav-shell{width:calc(100% - 60px)}.hero{padding-top:65px;min-height:650px;gap:12px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:46px;letter-spacing:-2px}.hero-description{font-size:12px}.graph-stage{margin-top:32px}.graph-node{font-size:8px;padding:8px;gap:6px}.graph-core{width:105px;height:128px}.core-halo{width:145px;height:145px}.node-2{right:-1%}.node-4{right:-2%}.art-top{font-size:7px}.about,.experience{gap:60px}.stack-ribbon>.section-shell>span{font-size:12px;gap:20px}.toolkit-column{padding-inline:20px}.toolkit-column li{font-size:10px}.project-art{gap:15px}.workflow-diagram{gap:6px}.workflow-diagram>span{padding:10px}.section-intro h2,h2{font-size:28px}.stats strong{font-size:36px}.stats>div+div{padding-left:16px}}
@media(max-width:850px){.desktop-nav{gap:21px}.nav-contact{display:none}.hero{grid-template-columns:1.08fr 1fr;min-height:610px}.hero .eyebrow{font-size:6px;letter-spacing:1px}.intro{font-size:14px}h1{font-size:38px;letter-spacing:-1px}.hero-description{font-size:11px}.hero-actions{gap:9px}.hero-actions .button{font-size:10px;padding:11px 13px;gap:11px}.hero-meta{font-size:7px;gap:10px}.hero-meta>span:last-child{letter-spacing:0}.art-top>span:first-child{font-size:6px;letter-spacing:.5px}.tech-art{margin-top:35px}.graph-stage{margin:20px -8px 10px}.graph-node{font-size:7px;padding:7px;gap:4px}.graph-node i{display:none}.node-glyph{font-size:10px}.graph-core{width:83px;height:106px;border-radius:12px}.graph-core strong{font-size:18px}.core-symbol{width:33px;height:33px}.graph-core>span{font-size:5px}.core-halo{width:120px;height:120px}.graph-controls button{font-size:8px;padding:5px 8px}.art-note{font-size:7px}.graph-description{font-size:8px}.stack-ribbon>.section-shell{gap:25px;justify-content:flex-start;flex-wrap:wrap}.stack-ribbon>.section-shell>span{font-size:11px;gap:17px}.stack-ribbon .ribbon-dot{font-size:13px}.about{grid-template-columns:.9fr 1.1fr;gap:40px}.section-space{padding-block:80px}.section-intro h2,h2,.experience-intro h2{font-size:25px}.stats strong{font-size:30px}.stats strong>small{font-size:10px;margin-right:4px}.stats strong>span{font-size:10px;margin-left:3px}.stats>div+div{padding-left:10px}.stats p{font-size:8px}.capability{gap:12px}.capability p{font-size:10px}.section-intro>p:not(.eyebrow){font-size:11px}.project-grid{gap:18px}.project-content{padding:20px}.project-kicker{font-size:8px}.project-kicker>span:last-child{font-size:7px}.project-content h3{font-size:17px}.project-content>p{font-size:10px}.project-art{height:175px}.architecture-before{padding:13px;font-size:8px}.service-cluster>span{padding:7px 12px;font-size:8px;gap:10px}.ai-diagram{gap:8px}.ai-brain{width:85px;height:85px}.ai-input,.ai-output{font-size:8px;padding:7px}.ai-diagram>i{width:10px}.ai-brain strong{font-size:17px}.ai-brain>span{font-size:4px}.message-pipeline{gap:10px;font-size:8px}.message-pipeline>strong{padding:12px}.workflow-diagram{gap:5px}.workflow-diagram>span{padding:10px 7px}.workflow-diagram em{font-size:7px}.workflow-diagram>i{font-size:10px}.toolkit-column{padding-inline:14px}.toolkit-column h3{font-size:13px}.toolkit-column li{font-size:8px}.toolkit-column>p{font-size:8px}.experience{gap:40px;grid-template-columns:.9fr 1.1fr}.timeline-item{padding-left:25px}.contact-section{padding:45px}.contact-copy h2{font-size:30px}.contact-signature{right:45px;font-size:240px}.site-footer{flex-wrap:wrap}.site-footer>span{order:3;width:100%}}
@media(max-width:650px){html{scroll-padding-top:83px}.section-shell{width:calc(100% - 44px)}.site-header{height:73px}.nav-shell{width:calc(100% - 40px);gap:15px}.brand{font-size:9px;gap:11px;letter-spacing:1.5px}.brand-mark{font-size:35px}.brand-caption{font-size:6px;letter-spacing:1px;margin-top:3px}.desktop-nav{display:none}.nav-actions{gap:20px}.github-link .icon{width:20px}.menu-toggle{width:26px;height:30px;padding:5px 0;display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent}.menu-toggle>span{display:block;height:1px;width:22px;background:#b5c4a9;transition:transform .2s}.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)}.mobile-nav:not([hidden]){display:grid;gap:0;background:#10160fed;border-bottom:1px solid var(--line);padding:12px 22px;backdrop-filter:blur(12px)}.mobile-nav a{font-size:13px;padding:10px 0;border-bottom:1px solid #ffffff08}.hero{padding-top:45px;display:flex;flex-direction:column;gap:0;min-height:auto}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.intro{font-size:14px;margin-top:26px}h1{font-size:clamp(35px,9.8vw,55px);margin-top:16px;letter-spacing:-1.8px;line-height:1.4}.hero-description{font-size:12px;line-height:2;margin-top:18px}.hero-actions{margin-top:25px;gap:10px}.hero-actions .button{font-size:11px;padding:12px 16px;gap:20px}.hero-meta{font-size:8px;gap:13px;margin-top:24px}.tech-art{width:100%;margin:43px auto 0;max-width:440px}.art-top{padding:0 5px}.art-top>span:first-child{font-size:7px;letter-spacing:1px}.graph-stage{margin:12px -2px -2px}.graph-node{font-size:8px;padding:8px;gap:6px}.graph-core{width:100px;height:122px}.graph-core strong{font-size:21px}.core-symbol{width:39px;height:39px}.graph-core>span{font-size:6px}.core-halo{width:145px;height:145px}.node-2{right:0}.node-4{right:0}.node-5{bottom:10%}.node-6{bottom:4%;right:9%}.graph-controls button{font-size:9px;padding:7px 10px}.art-note{font-size:8px}.art-bottom{padding:0 2px}.graph-description{font-size:9px;margin-left:3px}.hero-bottom{width:100%;padding:36px 0 23px}.hero-bottom-text{font-size:6px;letter-spacing:1px}.scroll-cue{font-size:8px;gap:9px}.scroll-cue>span{font-size:17px}.stack-ribbon>.section-shell{gap:15px 20px;padding-block:19px;justify-content:center}.stack-ribbon>.section-shell>span{font-size:10px;gap:16px}.ribbon-dot{font-size:11px}.section-space{padding-block:65px}.about{display:block}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-intro h2,h2,.experience-intro h2{font-size:27px;line-height:1.6;letter-spacing:-1px;margin-top:18px}.section-intro>p:not(.eyebrow),.experience-intro>p:not(.eyebrow){font-size:12px;margin-top:17px;max-width:none}.section-intro .text-link{margin-top:20px}.about-detail{margin-top:38px}.stats{padding-bottom:24px}.stats strong{font-size:39px}.stats strong>small{font-size:12px;margin-right:6px}.stats strong>span{font-size:11px;margin-left:5px}.stats>div+div{padding-left:18px}.stats p{font-size:10px}.capability{gap:17px;padding-block:22px}.capability p{font-size:11px}.capability h3{font-size:13px}.projects{padding-top:0}.section-heading{display:block}.section-heading>p{font-size:11px;margin-top:15px}.section-heading>p>br{display:none}.section-heading h2{font-size:26px}.project-toolbar{margin-top:25px;padding-bottom:13px}.project-filters{gap:2px}.project-filters button{font-size:10px;padding:7px 9px}.project-filters button span{margin-left:4px}.result-count{font-size:8px}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:190px}.project-content{padding:23px}.project-kicker{font-size:9px}.project-kicker>span:last-child{font-size:8px}.project-content h3{font-size:19px}.project-content>p{font-size:11px;min-height:auto;max-width:none}.architecture-before{padding:15px 20px;font-size:9px}.project-art{gap:20px}.service-cluster>span{padding:7px 22px;font-size:9px}.ai-brain{width:100px;height:100px}.ai-brain strong{font-size:20px}.ai-brain>span{font-size:5px}.ai-diagram{gap:12px}.ai-diagram>i{width:17px}.ai-input,.ai-output{font-size:9px;padding:9px}.message-pipeline{font-size:10px;gap:16px}.message-pipeline>strong{padding:17px}.workflow-diagram{gap:7px}.workflow-diagram>span{padding:12px 10px}.workflow-diagram em{font-size:8px}.workflow-diagram>i{font-size:12px}.project-footnote{text-align:left;font-size:8px}.toolkit-grid{grid-template-columns:1fr 1fr;margin-top:35px;row-gap:35px}.toolkit-column{padding-inline:20px}.toolkit-column:nth-child(3){border-left:0;padding-left:0}.toolkit-column:nth-child(2){padding-right:0}.toolkit-column>.icon{margin-bottom:18px}.toolkit-column h3{font-size:15px}.toolkit-column>p{font-size:9px}.toolkit-column li{font-size:9px}.toolkit-column ul{padding-top:15px}.toolkit-number{right:16px;font-size:8px}.toolkit-bottom{margin-top:30px;padding-top:18px;display:block;font-size:10px}.toolkit-bottom>.mono{font-size:7px;margin-top:13px}.experience{display:block}.journey-stamp{margin-top:20px}.timeline{margin-top:40px;margin-left:4px}.timeline-item{padding-left:24px;padding-bottom:30px}.timeline-item h3{font-size:18px}.timeline-item p{font-size:11px}.timeline-date{font-size:9px}.contact-section{padding:34px 24px 25px;width:calc(100% - 32px);margin-bottom:35px}.contact-copy>.eyebrow{font-size:6px;letter-spacing:1px;gap:7px}.contact-copy h2{font-size:27px;margin-top:20px}.contact-copy>p:not(.eyebrow):not(.copy-status){font-size:11px}.contact-actions{gap:9px;flex-wrap:wrap;margin-top:23px}.contact-actions .button{font-size:10px;padding:11px 13px;gap:9px}.contact-signature{font-size:200px;right:8px;top:65px;opacity:.6}.contact-orbit{width:350px;height:350px;right:-220px;top:40px}.site-footer{row-gap:15px;font-size:8px;padding-bottom:26px}.footer-brand{font-size:10px}.footer-brand>span{font-size:6px}.site-footer>a:last-child{font-size:6px}.site-footer>span{font-size:8px}dialog{padding:22px}.dialog-bottom>span{display:none}#dialog-content h2{font-size:23px}.dialog-block p,.dialog-block li{font-size:12px}}
@media(max-width:360px){.section-shell{width:calc(100% - 32px)}.hero .eyebrow{font-size:6px}.hero-meta{font-size:7px}.hero-actions .button{gap:13px;padding-inline:13px}.project-filters button{font-size:9px;padding-inline:6px}.stats>div+div{padding-left:13px}.workflow-diagram{gap:4px}.workflow-diagram>span{padding:10px 8px}.ai-diagram{gap:7px}.ai-diagram>i{width:10px}.toolkit-column{padding-left:15px}.toolkit-column li{font-size:8px}.contact-copy h2{font-size:24px}.contact-copy>.eyebrow{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}}
@media print{.site-header,.tech-art,.hero-bottom,.stack-ribbon,.project-filters,.project-open,.contact-section,.site-footer,.hero-actions,.skip-link{display:none!important}body{background:white;color:black;font-size:11pt}.section-shell{width:100%}.section-space{padding-block:20px}.hero{display:block;min-height:0;padding-top:0}h1{font-size:28pt}.project-grid{display:block}.project-card{break-inside:avoid;margin-bottom:15px;background:white}.project-art{display:none}.motion-ready .reveal{opacity:1!important;transform:none!important}p,li,h2,h3,h4{color:black!important}.about,.experience{gap:30px}.stack-section{background:white}.project-content{padding:12px}.project-content>p{min-height:0}}