@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;450;500;550;600;650;700;750&display=swap";.section{width:min(88%,var(--max-width));margin:0 auto;padding:120px 0}.header{position:fixed;inset:0 0 auto;z-index:50;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}.header-scrolled{background:#0a0e17f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border)}.header-inner{width:min(92%,1680px);margin:auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:25px;font-weight:750;letter-spacing:-1.2px}.brand span{display:inline-block;margin-left:4px;font-size:11px;vertical-align:top;color:var(--cyan)}.navigation{display:flex;gap:clamp(16px,2.2vw,36px);align-items:center;font-size:12px}.navigation a{padding:10px 0;position:relative}.navigation a[aria-current]{color:var(--cyan)}.navigation a[aria-current]:after{content:"";position:absolute;height:2px;background:var(--cyan);bottom:0;left:0;right:0}.navigation .nav-cv{border:1px solid var(--border);padding:10px 16px}.nav-cv span{margin-left:10px;color:var(--cyan)}.menu-toggle{display:none}.button,.text-link,.case-study-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:550}.button{padding:16px 20px;background:var(--cyan);border:1px solid var(--cyan);color:var(--background);transition:background .2s,transform .2s}.button:hover{background:var(--cyan-hover);color:var(--background);transform:translateY(-2px)}.text-link{padding:12px 0}.text-link span{color:var(--cyan)}.landing-section{width:min(92%,1680px);margin:auto;min-height:min(980px,100svh);position:relative;padding-top:125px;isolation:isolate}.hero-topline{display:flex;justify-content:space-between;color:var(--muted);text-transform:uppercase}.hero-wordmark{position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:clamp(120px,21vw,370px);line-height:1;letter-spacing:-.06em;font-weight:750;color:transparent;-webkit-text-stroke:1px #25323a;opacity:.35;z-index:-1;-webkit-user-select:none;user-select:none}.hero-layout{min-height:600px;height:calc(100svh - 235px);max-height:760px;display:grid;grid-template-columns:30% 40% 30%;align-items:center;position:relative}.hero-name,.hero-role{position:relative;z-index:2}.hero-name h1{font-size:clamp(30px,3.25vw,58px);line-height:1.1;letter-spacing:-.055em;margin:22px 0}.hero-name h1 span{color:var(--cyan)}.hero-note{font-size:14px;line-height:1.8;color:var(--secondary);margin:0 0 15px}.hero-name .text-link{margin-top:15px;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:10px;box-shadow:0 0 12px var(--cyan-glow)}.hero-role{padding-left:20px}.hero-role h2{font-size:clamp(36px,4.5vw,78px);line-height:1.04;letter-spacing:-.06em;margin:20px 0 24px}.hero-role h2 span{color:var(--cyan)}.hero-role>p:not(.eyebrow):not(.sr-only){max-width:265px;font-size:14px;line-height:1.7;color:var(--secondary)}.hero-actions{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.hero-character{height:100%;position:relative;min-width:0}.character-container{width:135%;left:-17.5%;height:100%;position:absolute}.character-model{width:100%;height:100%;position:relative}.character-model canvas{display:block;position:relative;z-index:1;max-width:100%}.character-model:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,var(--background) 92%);z-index:2;pointer-events:none}.character-rim{position:absolute;width:70%;height:50%;left:15%;top:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(34,211,238,.17),transparent 65%)}.character-loading{position:absolute;top:48%;left:0;width:100%;text-align:center;color:var(--cyan);font-size:12px;letter-spacing:.05em;z-index:4}.character-fallback{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse,var(--cyan-glow),transparent 65%)}.character-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.motion-toggle{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:5;font-size:9px;letter-spacing:.07em;border:1px solid var(--border);padding:8px 12px;background:var(--background);color:var(--secondary);white-space:nowrap}@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}}.character-fallback strong{color:var(--cyan);font-size:clamp(90px,14vw,200px);font-weight:500;letter-spacing:-.1em}.character-fallback p{font-size:11px;color:var(--secondary)}.character-fallback button{margin:20px auto;padding:10px 18px;background:transparent;border:1px solid var(--border)}.hero-bottom{border-top:1px solid var(--border);padding:22px 0;display:flex;justify-content:space-between;color:var(--muted)}.hero-bottom a{color:var(--text)}.hero-bottom a span{margin-left:25px;color:var(--cyan)}.section-heading{margin-bottom:65px}.section-heading .eyebrow{margin-bottom:26px}.section-heading h2,.contact-title h2{font-size:clamp(36px,4.2vw,68px);line-height:1.12;letter-spacing:-.052em}.section-heading h2 span,.contact-title h2 span{color:var(--cyan)}.about-section{border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;align-items:start}.experience-stat strong{display:block;color:var(--cyan);font-size:clamp(85px,10vw,155px);font-weight:450;line-height:1;letter-spacing:-.08em}.experience-stat strong span{color:var(--secondary);font-size:20px;letter-spacing:-.02em;margin-left:18px}.experience-stat>p{font-size:13px;color:var(--muted);margin-top:18px}.about-copy>p{font-size:clamp(17px,1.5vw,23px);line-height:1.65;margin-bottom:22px}.about-copy>.muted{font-size:16px}.credentials{margin-top:75px}.credential-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);margin-top:20px}.credential-grid article{padding:28px 25px 20px 0}.credential-code{display:inline-block;color:var(--cyan);border:1px solid var(--border);padding:6px 9px;margin-bottom:20px}.credential-grid h3{font-size:15px;max-width:245px;line-height:1.5}.credential-grid p{color:var(--muted);font-size:12px;margin-top:10px}.education{display:grid;grid-template-columns:.6fr 1.2fr 1.2fr;gap:35px;border-top:1px solid var(--border);margin-top:35px;padding-top:30px}.education h3{font-size:14px;line-height:1.6}.education p{font-size:12px;color:var(--muted);margin-top:7px}.education .mono{font-size:10px}.career-timeline{border-top:1px solid var(--border)}.career-entry{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;padding:48px 0;border-bottom:1px solid var(--border)}.career-period{padding-left:25px;position:relative}.career-period>p{color:var(--cyan);margin-bottom:9px}.career-period>span.muted{font-size:12px}.timeline-dot{position:absolute;width:7px;height:7px;top:6px;left:0;border:1px solid var(--muted);border-radius:50%}.timeline-dot.current{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px var(--cyan-glow)}.career-entry h3{font-size:clamp(21px,2vw,29px);line-height:1.3;letter-spacing:-.03em}.company{font-size:14px;color:var(--cyan);margin:12px 0 22px;line-height:1.6}.career-summary{font-size:15px;line-height:1.7;color:var(--secondary);margin-bottom:20px}.detail-list{list-style:none;color:var(--secondary);font-size:14px;line-height:1.9}.detail-list li{position:relative;padding-left:20px;margin:10px 0}.detail-list li:before{content:"—";position:absolute;left:0;color:var(--cyan)}.technology-stack{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.technology-stack li{border:1px solid var(--border);padding:6px 10px;font-size:10px;color:var(--secondary);line-height:1.5}.skills-section{padding-top:45px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.skill-card{padding:32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .3s}.skill-card:hover{background:var(--surface)}.skill-code{color:var(--cyan)}.skill-card h3{font-size:20px;margin:25px 0;letter-spacing:-.04em}.skill-card ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px 16px;color:var(--secondary);font-size:13px;line-height:1.6}.work-section{padding-top:60px}.projects-heading{display:flex;justify-content:space-between;gap:45px;align-items:end}.projects-heading>p{max-width:330px;font-size:14px;line-height:1.8;margin-bottom:65px}.project-index{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.project-index a{display:flex;gap:10px;border-top:1px solid var(--border);padding:15px 0;font-size:10px;color:var(--cyan)}.project-index a span:nth-child(2){flex:1;color:var(--secondary);letter-spacing:0}.project-index a:hover{border-color:var(--cyan)}.project-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding:65px 0;border-top:1px solid var(--border);align-items:center;perspective:1400px}.project-card:last-of-type{border-bottom:1px solid var(--border);margin-bottom:25px}.project-info h3{font-size:clamp(38px,4.3vw,66px);letter-spacing:-.06em;line-height:1.08;margin:28px 0 22px}.project-info h3 span{display:block}.project-info h3 .muted{color:#82909d}.project-description{font-size:14px;line-height:1.85;color:var(--secondary);max-width:400px}.project-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:32px}.case-study-link{border-bottom:1px solid var(--cyan);color:var(--cyan);padding:13px 0;min-width:175px;transition:gap .25s}.case-study-link:hover{gap:50px}.project-visual{min-width:0;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .3s ease-out}.project-preview{position:relative;overflow:hidden;border:1px solid #2d454a;background:#0d1921;min-height:400px;display:flex;flex-direction:column;background-image:linear-gradient(rgba(94,234,212,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.03) 1px,transparent 1px);background-size:30px 30px}.preview-header,.preview-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 24px;color:#9abbb9;font-size:9px;letter-spacing:.05em;position:relative;z-index:2}.preview-header{border-bottom:1px solid rgba(94,234,212,.12);text-transform:uppercase}.preview-header i{display:inline-block;background:var(--cyan);width:5px;height:5px;margin-right:7px;border-radius:50%}.preview-footer{margin-top:auto;border-top:1px solid rgba(94,234,212,.12);font-size:8px}.diagram{display:flex;flex-direction:column;align-items:center;gap:22px;padding:45px 20px;position:relative;flex:1;justify-content:center}.diagram-node{display:flex;align-items:center;gap:14px;width:85%;max-width:360px;padding:16px;border:1px solid #37585c;background:#0c1a21f2;box-shadow:0 10px 28px #050b1133;z-index:1;position:relative;transition:border-color .3s,transform .4s}.node-0{transform:translate(-12px)}.node-2{transform:translate(12px)}.diagram-node:not(:last-child):after{content:"";position:absolute;top:100%;left:50%;width:1px;height:23px;background:var(--cyan);opacity:.6}.node-icon{color:var(--cyan);font-size:25px;min-width:28px;text-align:center}.diagram-node strong{display:block;font-size:13px;font-weight:500}.diagram-node div>span{display:block;font-size:10px;color:#9baeb7;margin-top:5px}.node-light{width:4px;height:4px;border-radius:50%;background:var(--cyan);margin-left:auto;flex-shrink:0}.diagram-orbit{position:absolute;width:290px;height:290px;border:1px solid rgba(94,234,212,.09);border-radius:50%;pointer-events:none}.orbit-two{width:390px;height:390px}.project-card:hover .diagram-node,.project-card:focus-within .diagram-node{border-color:#5eead480}.preview-backup .diagram-node{border-radius:12px}.preview-network .node-1{border-left:3px solid var(--cyan)}.preview-monitoring .node-2{border-bottom:3px solid var(--cyan)}.anchor-alias{position:absolute}.contact-section{border-top:1px solid var(--border);background:#090d15}.contact-section>.section{padding-bottom:25px}.contact-title{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:30px 0 60px}.contact-arrow{font-size:78px;line-height:1;color:var(--cyan);width:120px;height:120px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;transition:background .3s;flex-shrink:0}.contact-arrow:hover{background:var(--cyan-glow)}.contact-links{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0;border-top:1px solid var(--border)}.contact-email{font-size:clamp(15px,2vw,28px);letter-spacing:-.025em;overflow-wrap:anywhere}.contact-links>div{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:25px;border-top:1px solid var(--border);color:var(--muted);font-size:9px;text-transform:uppercase}.page-intro{padding-top:150px;min-height:65vh}.page-intro>.eyebrow,.case-hero>.eyebrow{margin:55px 0 25px}.page-intro h1{font-size:clamp(45px,7vw,108px);letter-spacing:-.065em;line-height:1.04;margin-bottom:30px}.page-intro h1>span{color:var(--cyan)}.case-hero h1>span{display:block;color:var(--text)}.case-hero h1>.accent{color:var(--cyan)}.page-lead{max-width:700px;font-size:20px;color:var(--secondary);line-height:1.7;margin-bottom:45px}.case-meta{display:grid;grid-template-columns:1fr 1.7fr .8fr;gap:35px;margin:50px 0 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:25px 0}.case-meta dt{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.case-meta dd{margin:0;font-size:13px;line-height:1.65}.case-layout{display:grid;grid-template-columns:.75fr 2fr;gap:9%;margin-top:65px}.case-nav{position:sticky;top:130px;align-self:start}.case-nav nav{display:flex;flex-direction:column;gap:15px;margin-top:22px;color:var(--secondary);font-size:12px}.case-section{padding-bottom:45px;margin-bottom:38px;border-bottom:1px solid var(--border)}.case-section h2{font-size:29px;letter-spacing:-.04em;margin-bottom:23px}.case-section p{font-size:16px;line-height:1.85;color:var(--secondary);margin-bottom:18px}.case-section .detail-list{font-size:16px}.case-section figcaption,.case-source{color:var(--muted);font-size:12px;line-height:1.8;margin-top:18px}.case-section .project-preview{min-height:450px}.case-section .technology-stack li{font-size:13px}.project-gallery{display:grid;gap:30px}.project-gallery img{border:1px solid var(--border)}.next-project{display:grid;grid-template-columns:1fr auto;gap:20px;padding:50px 0;border-top:1px solid var(--border);margin-top:80px}.next-project .eyebrow{grid-column:1 / -1}.next-project>span:not(.eyebrow){font-size:clamp(25px,3.5vw,52px);letter-spacing:-.04em}.next-project>span:last-child{color:var(--cyan)}.page-loading{display:grid;place-items:center;min-height:80vh;color:var(--cyan)}@media(min-width:2000px){.landing-section{min-height:980px}.hero-layout{height:760px}.hero-wordmark{top:180px}}@media(max-width:1100px){.hero-layout{grid-template-columns:29% 38% 33%}.hero-name h1{font-size:33px}.hero-role h2{font-size:45px}.hero-role{padding-left:0}.hero-actions{flex-direction:column;align-items:start}.navigation{gap:18px}.project-card{gap:5%}.project-info h3{font-size:44px}.preview-header,.preview-footer{padding:16px}.preview-footer>span:last-child{display:none}.diagram-node{width:95%}.credential-grid{grid-template-columns:repeat(2,1fr)}.education{grid-template-columns:1fr 1fr}.education>.eyebrow{grid-column:1/-1}.contact-links{align-items:start;flex-direction:column}}@media(max-width:800px){.section{width:88%;padding:85px 0}.header-inner{min-height:72px;width:88%}.menu-toggle{display:block;border:1px solid var(--border);background:var(--background);padding:10px 14px;font-size:12px}.navigation{display:none;position:absolute;top:72px;left:0;right:0;padding:24px 6%;background:#0a0e17fa;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:7px}.navigation-open{display:flex}.navigation a{font-size:15px;padding:13px 0}.navigation .nav-cv{margin-top:10px;text-align:center}.landing-section{width:88%;padding-top:110px}.hero-topline{font-size:9px}.hero-layout{min-height:820px;height:auto;max-height:none;grid-template-columns:1fr 1fr;grid-template-rows:400px auto;gap:0 5%;align-items:center}.hero-wordmark{font-size:21vw;top:165px}.hero-name{grid-column:1;grid-row:1}.hero-name h1{font-size:clamp(32px,5vw,44px)}.hero-character{grid-column:2;grid-row:1;height:470px;margin-top:20px;overflow:clip}.character-container{width:145%;left:-22.5%}.hero-role{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:25px;padding:15px 0 40px;border-top:1px solid var(--border)}.hero-role .eyebrow{grid-column:1/-1;margin-top:16px}.hero-role h2{grid-row:2/4;font-size:48px}.hero-role>p:not(.eyebrow):not(.sr-only){grid-column:2}.hero-actions{grid-column:2}.hero-bottom>span:nth-child(2){display:none}.about-grid{grid-template-columns:1fr 2fr;gap:7%}.experience-stat strong{font-size:85px}.experience-stat strong span{display:block;font-size:17px;letter-spacing:0;margin:10px 0}.career-entry{grid-template-columns:1fr;gap:25px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-heading{display:block}.projects-heading .section-heading{margin-bottom:25px}.projects-heading>p{margin-bottom:40px;max-width:460px}.project-index{grid-template-columns:repeat(2,1fr)}.project-card{grid-template-columns:1fr;gap:35px;padding:45px 0}.project-info h3{font-size:54px}.project-description{max-width:530px}.project-preview{min-height:400px}.diagram-node{width:85%}.contact-arrow{width:75px;height:75px;font-size:46px}.footer-bottom{flex-wrap:wrap}.case-layout{grid-template-columns:1fr;gap:35px}.case-nav{position:static;padding-bottom:25px;border-bottom:1px solid var(--border)}.case-nav nav{flex-direction:row;flex-wrap:wrap;gap:15px 25px}.case-meta{grid-template-columns:1fr 1fr}.page-intro{padding-top:120px}.page-lead{font-size:17px}}@media(max-width:500px){.hero-topline span:last-child{display:none}.hero-layout{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto 310px;gap:0}.hero-name{grid-row:1;padding-top:28px}.hero-name h1{font-size:43px;margin:14px 0}.hero-name .hero-note,.hero-name .text-link{display:none}.hero-wordmark{top:520px;font-size:24vw}.hero-character{grid-column:1;grid-row:3;height:360px;margin-top:0}.character-container{width:100%;left:0}.hero-role{grid-row:2;border-top:0;padding:8px 0 12px;grid-template-columns:1.15fr 1fr;column-gap:18px}.hero-role .eyebrow{margin-top:8px}.hero-role h2{margin-top:12px;margin-bottom:12px;font-size:38px}.hero-role>p:not(.eyebrow):not(.sr-only){font-size:12px}.hero-actions{margin-top:15px;gap:8px}.hero-actions .button{padding:13px 11px;font-size:11px;gap:12px}.hero-actions .text-link{font-size:11px;gap:12px}.hero-bottom{font-size:9px}.section-heading{margin-bottom:40px}.section-heading h2,.contact-title h2{font-size:34px}.about-grid{grid-template-columns:1fr;gap:30px}.experience-stat strong{font-size:92px}.experience-stat strong span{display:inline;margin-left:20px}.about-copy>p{font-size:17px}.credential-grid article{padding-right:18px}.credential-grid h3{font-size:13px}.education{grid-template-columns:1fr;gap:24px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:25px}.skill-card h3{margin:18px 0}.project-index{gap:10px}.project-index a{font-size:9px}.project-info h3{font-size:47px}.project-preview{min-height:355px}.diagram{padding:32px 14px}.diagram-node{padding:12px;gap:9px;width:94%}.diagram-node strong{font-size:11px}.diagram-node div>span{font-size:9px}.node-icon{font-size:20px;min-width:24px}.node-0{transform:translate(-5px)}.node-2{transform:translate(5px)}.preview-header{font-size:8px}.preview-footer{font-size:7px}.contact-title{align-items:end;gap:12px}.contact-title h2{font-size:30px}.contact-arrow{width:48px;height:48px;font-size:32px}.contact-links>div{gap:20px}.footer-bottom{font-size:8px;gap:18px}.footer-bottom span:first-child{width:100%}.case-meta{grid-template-columns:1fr;gap:25px}.case-section h2{font-size:27px}.case-section .project-preview{min-height:355px}}.tool-logo{display:inline-block;flex:0 0 auto;width:24px;height:24px;padding:3px;object-fit:contain;background:#f1f5f9;border-radius:5px}.concept-icon{color:#0a0e17}.technology-stack li,.skill-card li{display:inline-flex;align-items:center;gap:8px}.skill-card .tool-logo{width:28px;height:28px}.credential-code{display:flex;align-items:center;gap:12px}.credential-code .tool-logo{width:48px;height:48px;padding:7px;border-radius:10px}.project-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:24px}.project-card-top .eyebrow{margin:0}.project-card-top .case-study-link{white-space:nowrap;font-size:12px}.navigation .nav-case-studies{color:var(--cyan)}.portfolio-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0a0e17;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;pointer-events:none;animation:loader-exit .22s ease .68s both}.loader-brand{font-size:clamp(48px,8vw,88px);font-weight:650;letter-spacing:-.06em}.loader-brand span{color:#5eead4}.loader-track{width:160px;height:2px;background:#26343e;overflow:hidden}.loader-track span{display:block;width:45%;height:100%;background:#5eead4;animation:loader-sweep .7s ease-in-out infinite}.portfolio-loader p{font-size:10px;letter-spacing:.12em;color:#a4b5c0}@keyframes loader-sweep{0%{transform:translate(-110%)}to{transform:translate(330%)}}@keyframes loader-exit{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.portfolio-loader,.loader-track span{animation:none}}.portfolio-content.is-loading{opacity:0;pointer-events:none}.portfolio-content.is-ready{opacity:1}.portfolio-loader{animation:none;pointer-events:auto;transition:opacity .25s ease}.portfolio-loader.loader-ready{opacity:0;pointer-events:none}.hero-name h1{font-size:clamp(30px,3.3vw,54px)}.credential-grid article{text-align:center;padding:28px 14px}.credential-code{display:flex;justify-content:center;border:0;padding:0;background:none}.credential-code .tool-logo{width:64px;height:64px;padding:0;border:0;border-radius:0;background:none}.credential-grid h3{max-width:none}.stack-filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 10px}.stack-filters button{color:var(--secondary);border:1px solid var(--border);padding:10px 14px;background:transparent;font:11px var(--font-mono, monospace);cursor:pointer}.stack-filters button[aria-pressed=true]{color:#0a0e17;background:var(--cyan);border-color:var(--cyan)}.stack-universe{position:relative;height:clamp(520px,52vw,760px);background:radial-gradient(ellipse,#10343d55,transparent 65%)}.stack-connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.stack-connections line{stroke:var(--cyan);stroke-width:.11;opacity:.55}.stack-connections .connection-all{opacity:.08}.stack-node{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;padding:5px;border:none;background:transparent;cursor:pointer;transition:opacity .35s,filter .35s}.stack-node .tool-logo{width:100%;height:100%;padding:0;background:none;border-radius:0;object-fit:contain}.stack-node .concept-icon{color:var(--cyan)}.stack-dim{opacity:.14;filter:saturate(.3)}.stack-active{opacity:1;filter:drop-shadow(0 0 12px #5eead430)}.stack-node:hover,.stack-node:focus{opacity:1;z-index:3;filter:drop-shadow(0 0 12px #5eead480)}.stack-tooltip{visibility:hidden;position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);white-space:nowrap;background:#10232b;color:#eae5ec;padding:7px 10px;font-size:12px;border:1px solid #5eead450;border-radius:4px;pointer-events:none}.stack-node:hover .stack-tooltip,.stack-node:focus .stack-tooltip{visibility:visible}.stack-caption{color:var(--muted);font-size:11px;text-align:center}.stack-node img[src*=express],.stack-node img[src*=socketdotio],.stack-node img[src*=github],.stack-node img[src*=tailscale]{filter:invert(1)}.project-rail{overflow:hidden;width:100%;margin:36px 0}.rail-hint{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:0 0 18px}.project-track{display:flex;gap:48px;width:100%}.project-track .project-card{flex:0 0 100%;min-width:0;padding:25px 0;height:min(640px,calc(100svh - 150px));margin:0;border-bottom:0;gap:5%}.project-track .project-info h3{font-size:clamp(30px,3.8vw,58px);margin:18px 0}.project-track .project-card-top{gap:8px 20px;margin-bottom:14px}.project-track .project-actions{margin-top:18px}@media(max-width:800px){.stack-node{width:38px;height:38px;padding:4px}.stack-universe{height:630px}.project-track{gap:24px}.project-track .project-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px}.project-track .project-info h3{font-size:32px}.project-track .project-description{font-size:12px;line-height:1.6}.project-track .project-visual{display:none}.project-track .technology-stack{gap:6px}.stack-filters button{font-size:10px;padding:9px}}@media(prefers-reduced-motion:reduce),(max-height:599px){.project-rail{overflow-x:auto;scroll-snap-type:x mandatory}.project-track .project-card{height:auto;min-height:420px;scroll-snap-align:start}}@media(max-width:800px)and (min-height:760px){.project-track .project-visual{display:block}.project-track .project-preview{min-height:185px}.project-track .preview-header,.project-track .preview-footer{padding:9px 12px;font-size:7px}.project-track .diagram{padding:12px;gap:8px}.project-track .diagram-node{padding:6px 10px;gap:8px}.project-track .diagram-node strong{font-size:10px}.project-track .diagram-node div>span{display:none}.project-track .node-icon{font-size:16px}}.floating-socials{position:fixed;left:18px;bottom:48px;z-index:45;display:flex;flex-direction:column;gap:18px}.floating-socials a{display:grid;place-items:center;position:relative;width:32px;height:32px;color:var(--text);transition:color .2s,transform .2s}.floating-socials img{filter:brightness(0) invert(1);opacity:.9}.floating-socials a:hover{color:var(--cyan);transform:translateY(-2px)}.floating-socials span{position:absolute;left:40px;padding:5px 8px;background:var(--background);color:var(--text);opacity:0;pointer-events:none;font-size:11px}.floating-socials a:hover span,.floating-socials a:focus-visible span{opacity:1}@media(max-width:800px){.floating-socials{left:2px;bottom:20px;gap:12px}.floating-socials a{width:18px;height:26px}.floating-socials svg,.floating-socials img{width:18px;height:18px}}.github-section{border-top:1px solid var(--border)}.github-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end}.github-intro-copy{max-width:390px;padding-bottom:10px;color:var(--secondary);line-height:1.8}.github-intro-copy .text-link{display:inline-block;margin-top:20px;color:var(--cyan)}.github-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);margin:48px 0 32px}.github-metrics>div{padding:25px;border-right:1px solid var(--border)}.github-metrics>div:first-child{padding-left:0}.github-metrics>div:last-child{border-right:0}.github-metrics strong{display:block;color:var(--cyan);font-size:clamp(30px,4vw,52px);font-weight:550;letter-spacing:-.04em}.github-metrics span{display:block;margin-top:8px;color:var(--secondary);font-size:11px}.activity-panel{border:1px solid #294249;padding:32px;background:radial-gradient(ellipse at top right,#14343b55,transparent 65%),#0c141e}.activity-panel-heading,.repo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.activity-panel h3{font-size:22px;font-weight:500;letter-spacing:-.03em}.activity-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--cyan)}.activity-status i,.contact-form-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.calendar-scroll{overflow-x:auto;padding:4px 2px 12px}.calendar-months{display:grid;min-width:630px;margin-bottom:12px;color:var(--secondary);font-size:10px}.contribution-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;min-width:630px}.contribution-cell{width:100%;aspect-ratio:1;border:1px solid #ffffff08;border-radius:2px;padding:0;cursor:pointer;min-height:8px}.contribution-cell:hover,.contribution-cell:focus-visible{outline:1px solid #eae5ec;outline-offset:1px}.level-0{background:#162530}.level-1{background:#205047}.level-2{background:#287c6d}.level-3{background:#36b59b}.level-4{background:#5eead4}.calendar-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px;color:var(--secondary);font-size:11px}.calendar-legend{display:flex;align-items:center;gap:5px}.calendar-legend i{width:11px;height:11px;border-radius:2px}.github-data-note{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;color:var(--muted);margin-top:22px;line-height:1.7}.github-data-note a{text-decoration:underline;text-underline-offset:3px}.github-data-note button,.github-notice button{color:var(--cyan);background:transparent;border:none;text-decoration:underline;cursor:pointer;font:inherit}.github-placeholder{padding:48px 0;color:var(--muted);font-size:14px}.github-notice{color:var(--muted);font-size:12px;margin-bottom:20px}.repo-section-heading{margin:64px 0 24px}.repo-section-heading h3{font-size:30px;letter-spacing:-.04em;font-weight:500}.repo-section-heading .eyebrow{margin-bottom:10px}.live-repos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.live-repo{display:flex;flex-direction:column;min-height:230px;padding:24px;border:1px solid var(--border);background:#0d1520;transition:border-color .2s,background .2s}.live-repo:hover,.live-repo:focus-visible{border-color:var(--cyan);background:#10212a}.repo-language{color:var(--cyan);font-size:10px}.live-repo h4{margin:22px 0 12px;font-size:19px;font-weight:550;overflow-wrap:anywhere;letter-spacing:-.03em}.live-repo>p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:22px}.repo-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--border);margin-top:auto;color:var(--secondary);font-size:9px}.contact-hub{border-top:1px solid var(--border);background:radial-gradient(ellipse at bottom left,#112b3340,transparent 60%)}.contact-kicker{display:flex;align-items:center;gap:24px;margin-bottom:60px}.contact-kicker i{flex:1;height:1px;background:var(--border)}.contact-hub-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%}.contact-hub-copy h2{font-size:clamp(40px,5.6vw,80px);letter-spacing:-.065em;line-height:1.08;font-weight:550}.contact-hub-copy h2 span{color:var(--cyan)}.contact-hub-copy>p{max-width:420px;font-size:15px;color:var(--secondary);line-height:1.9;margin:28px 0 36px}.contact-facts>div{display:grid;grid-template-columns:85px 1fr;gap:18px;margin-bottom:20px;font-size:12px}.contact-facts dt{color:var(--muted)}.contact-facts dd{margin:0;overflow-wrap:anywhere}.contact-facts a:hover{color:var(--cyan)}.contact-focus{display:flex;align-items:center;gap:12px;margin-top:35px;border-left:2px solid var(--cyan);padding:18px;background:#14283166}.contact-focus strong{display:block;font-size:12px;font-weight:500}.contact-focus div>span{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.6}.contact-form{padding:30px;border:1px solid #294249;border-radius:8px;background:#0d1620;min-width:0}.contact-form-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:28px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--secondary);margin-bottom:24px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid #2b414c;background:#101e29;color:var(--text);border-radius:5px;font-size:13px;font-family:inherit}.contact-form textarea{resize:vertical;min-height:150px;line-height:1.7}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#85949f}.contact-form-bottom{display:flex;align-items:center;gap:20px}.contact-form .button{border:0;cursor:pointer;font-family:inherit}.contact-form-bottom p{color:var(--muted);font-size:10px;line-height:1.7}.contact-form-notice{color:var(--cyan);font-size:12px;line-height:1.8;margin-top:18px}.contact-form-notice:empty{display:none}.contact-signoff{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-top:28px;margin-top:70px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}@media(max-width:1100px){.live-repos{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-hub-grid{gap:5%}.contact-form{padding:24px}}@media(max-width:800px){.github-intro,.contact-hub-grid{grid-template-columns:1fr;gap:35px}.github-metrics{grid-template-columns:repeat(2,1fr)}.github-metrics>div{padding:22px 15px}.github-metrics>div:first-child{padding-left:15px}.github-metrics>div:nth-child(2){border-right:0}.github-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.activity-panel{padding:20px}.activity-panel-heading{align-items:flex-start;flex-direction:column;gap:12px}.contact-kicker{margin-bottom:38px}.contact-hub-copy h2{font-size:52px}}@media(max-width:480px){.live-repos{grid-template-columns:1fr}.live-repo{min-height:200px}.contact-form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:20px}.repo-section-heading{align-items:flex-start;flex-direction:column}.contact-form-bottom{flex-wrap:wrap}.contact-facts>div{grid-template-columns:60px 1fr;gap:12px}}:root{font-family:Geist,Arial,sans-serif;color:#eae5ec;background:#0a0e17;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--accentColor: #5eead4;--cyan: #5eead4;--cyan-hover: #a3f4e7;--cyan-light: #22d3ee;--cyan-glow: rgba(94, 234, 212, .1);--backgroundColor: #0a0e17;--background: #0a0e17;--surface: #101721;--text: #eae5ec;--secondary: #acb4c1;--muted: #8f9ba9;--border: #27333e;--max-width: 1480px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:hover{color:var(--cyan)}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--background)}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500}ul{margin:0;padding:0}figure{margin:0}img{max-width:100%;height:auto}section[id],footer[id]{scroll-margin-top:96px}.mono,.eyebrow{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;letter-spacing:.09em;line-height:1.6}.eyebrow{color:var(--secondary);text-transform:uppercase}.eyebrow>span,.accent{color:var(--cyan)}.muted{color:var(--secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-200%);z-index:100;padding:12px 20px;background:var(--cyan);color:var(--background)}.skip-link:focus{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}