#root,body,html{margin:0;min-height:100%;min-width:320px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#040b19}*,:after,:before{box-sizing:border-box}.portfolio-shell{--cyan:#22d3ee;--blue:#42647a;--violet:#655b73;--ink:#040b19;--panel:rgba(5,18,37,.78);background:radial-gradient(circle at 50% 45%,#101d2b 0,#0a1421 30%,var(--ink) 72%);color:#e6f7ff;font-family:Inter,Segoe UI,sans-serif;isolation:isolate;min-height:100vh;overflow:hidden;position:relative}.portfolio-shell:after{background:repeating-linear-gradient(0deg,hsla(0,0%,100%,.018),hsla(0,0%,100%,.018) 1px,transparent 0,transparent 4px);content:"";inset:0;opacity:.35;z-index:-2;z-index:-3}.ambient,.portfolio-shell:after{pointer-events:none;position:absolute}.ambient{border-radius:50%;-webkit-filter:blur(100px);filter:blur(100px);height:32rem;opacity:.1;width:32rem;z-index:-1}.ambient-one{background:var(--blue);left:-10rem;top:-15rem}.ambient-two{background:var(--violet);bottom:-15rem;right:-12rem}.star-field{background-image:radial-gradient(circle,rgba(154,180,192,.45) 0 1px,transparent 1px);background-position:22px 11px;background-size:97px 83px;inset:0;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%);mask-image:radial-gradient(ellipse at center,#000,transparent 78%);opacity:.4;pointer-events:none;position:absolute;z-index:-1}.portfolio-header{display:flex;justify-content:center;padding:2rem clamp(1.25rem,5vw,5rem);position:relative;z-index:5}.tab-list{display:flex;gap:clamp(1.2rem,4vw,3rem)}.tab-button{background:transparent;border:0;color:rgba(207,250,254,.42);cursor:pointer;font:inherit;font-size:.78rem;letter-spacing:.1em;padding:.7rem 0;position:relative;text-transform:uppercase;transition:color .18s ease,opacity .18s ease}.tab-button:focus-visible,.tab-button:hover{color:hsla(0,0%,100%,.82)}.tab-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.tab-button.is-active{color:#fff;opacity:1}.tab-button:not(.is-active){opacity:.65}.network-panel{margin:0 clamp(.5rem,4vw,4rem);min-height:calc(100vh - 9rem);position:relative}.network-lines{height:calc(100% - 3.5rem);inset:1rem 0 2.5rem;overflow:visible;position:absolute;width:100%}.connection-line{stroke:rgba(103,180,210,.3);stroke-width:.12;opacity:.35}.network-center{aspect-ratio:1/1;background:transparent;border:0;border-radius:50%;box-sizing:border-box;cursor:pointer;display:grid;height:clamp(13rem,19vw,18rem);left:50%;padding:0;place-items:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(13rem,19vw,18rem);z-index:3}.network-center:focus-visible{outline:2px solid #cffafe;outline-offset:.5rem}.profile-frame{background:linear-gradient(145deg,rgba(12,36,65,.95),rgba(2,13,28,.98));border:1px solid rgba(103,232,249,.9);border-radius:50%;box-shadow:0 0 0 5px rgba(34,211,238,.03),0 0 35px rgba(34,211,238,.12),inset 0 0 24px rgba(34,211,238,.08);box-sizing:border-box;height:72%;padding:.45rem;position:relative;width:72%;z-index:2}.profile-frame img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-node-image{object-position:50% 12%}.network-nodes{inset:1rem 0 2.5rem;position:absolute}.node-placement{display:grid;place-items:center;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:4}.network-node{background:transparent;border:0;border-radius:50%;box-shadow:none;color:#dffbff;cursor:grab;display:grid;height:clamp(5rem,7vw,6.4rem);padding:.6rem;place-items:center;text-decoration:none;touch-action:none;transition:-webkit-filter .18s ease,-webkit-transform .18s ease;transition:filter .18s ease,transform .18s ease;transition:filter .18s ease,transform .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;width:clamp(5rem,7vw,6.4rem);will-change:transform}.network-node:active{cursor:grabbing}.network-node:focus-visible,.network-node:hover{background:transparent;-webkit-filter:brightness(1.25);filter:brightness(1.25);-webkit-transform:scale(1.08);transform:scale(1.08)}.network-node:focus-visible{outline:2px solid #cffafe;outline-offset:5px}.node-icon,.node-logo{color:var(--cyan);display:grid;height:2.75rem;place-items:center;width:2.75rem}.node-icon,.node-logo{border-radius:50%;overflow:hidden}.node-logo{background:hsla(0,0%,100%,.94)}.node-logo img{border-radius:50%;object-fit:contain}.node-icon svg,.node-logo img{display:block;height:100%;width:100%}.mongodb-node .node-icon{background:hsla(0,0%,100%,.95);border-radius:50%;color:#171717;height:3.1rem;padding:.42rem;width:3.1rem}.mongodb-node .node-icon svg{height:100%;width:100%}.nodejs-node .node-logo,.postgresql-node .node-logo,.pulumi-node .node-logo{background:transparent}.node-label{color:rgba(224,247,255,.9);font-size:.67rem;font-weight:600;left:50%;letter-spacing:.03em;line-height:1.15;max-width:10rem;overflow:hidden;pointer-events:none;position:absolute;text-align:center;text-overflow:ellipsis;top:calc(100% + .6rem);-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.toolkit-node{background:transparent}.toolkit-node .node-icon{color:#c4b5fd}.contact-node{background:transparent}.contact-node .node-icon{color:#fbbf24}.express-node .node-icon{background:hsla(0,0%,100%,.95);border-radius:50%;color:#171717;height:3.1rem;padding:.42rem;width:3.1rem}.express-node .node-icon svg{height:100%;width:100%}.portfolio-footer{align-items:center;bottom:1.5rem;color:rgba(186,230,253,.52);display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;left:clamp(1.25rem,5vw,5rem);letter-spacing:.12em;position:absolute;right:clamp(1.25rem,5vw,5rem);z-index:5}.status-dot{background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);height:.45rem;margin-right:.7rem;width:.45rem}.selection-note{color:var(--cyan)}.modal-backdrop{-webkit-animation:fade-in .18s ease both;animation:fade-in .18s ease both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(1,7,17,.76);display:grid;inset:0;padding:1.25rem;place-items:center;position:fixed;z-index:20}.project-modal{grid-gap:2rem;-webkit-animation:modal-in .24s cubic-bezier(.2,.75,.25,1) both;animation:modal-in .24s cubic-bezier(.2,.75,.25,1) both;-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);background:rgba(8,25,43,.42);border:0;border-radius:1.5rem;box-shadow:0 25px 100px rgba(0,0,0,.55);display:grid;gap:2rem;grid-template-columns:minmax(8rem,13rem) 1fr;max-height:min(80vh,46rem);overflow:auto;padding:clamp(1.5rem,4vw,3rem);position:relative;width:min(56rem,100%)}.modal-close{background:transparent;border:0;border-radius:50%;color:#cffafe;cursor:pointer;display:grid;height:2.5rem;place-items:center;position:absolute;right:1rem;top:1rem;width:2.5rem}.modal-close:focus-visible,.modal-close:hover{color:#fff}.modal-close:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.modal-project-image{align-self:start;aspect-ratio:1;background:hsla(0,0%,100%,.94);border:1px solid rgba(103,232,249,.26);border-radius:1rem;box-shadow:0 0 28px rgba(34,211,238,.14);display:grid;margin-top:.5rem;place-items:center}.modal-project-image img{height:75%;object-fit:contain;width:75%}.modal-copy{min-width:0}.modal-copy h2{color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1;margin:0 0 .7rem}.modal-summary{color:rgba(224,247,255,.78);font-size:1rem;line-height:1.6;margin:0}.modal-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0}.modal-meta span{border:1px solid rgba(139,92,246,.38);border-radius:999px;color:#ddd6fe;font-size:.72rem;padding:.35rem .55rem}.modal-details{border-top:1px solid rgba(186,230,253,.12);color:rgba(224,247,255,.7);line-height:1.65;margin-top:1.2rem;padding-top:1.1rem}.modal-details p{margin:0 0 1rem}.modal-details a,.modal-link{color:var(--cyan)}.modal-link{align-items:center;display:inline-flex;font-weight:700;gap:.4rem;margin-top:1.2rem;text-decoration:none}.modal-link:focus-visible,.modal-link:hover{color:#fff;text-decoration:underline}.modal-profile-image{border-radius:50%}.modal-profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-sections{grid-gap:1.2rem;display:grid;gap:1.2rem;margin-top:1.5rem}.profile-section h3{color:var(--cyan);font-size:.72rem;letter-spacing:.14em;margin:0 0 .35rem;text-transform:uppercase}.profile-section p{color:rgba(224,247,255,.7);line-height:1.6;margin:0}.profile-expertise{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}.profile-expertise span{border:1px solid rgba(34,211,238,.24);border-radius:999px;color:#cffafe;font-size:.72rem;padding:.35rem .55rem}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(1rem) scale(.97);transform:translateY(1rem) scale(.97)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(1rem) scale(.97);transform:translateY(1rem) scale(.97)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:700px){.portfolio-header{display:block;padding-top:1.25rem}.tab-list{justify-content:center}.network-panel{margin:0 1rem;min-height:calc(100vh - 11rem)}.network-center{height:8rem;width:8rem}.network-lines{height:100%;inset:0;width:100%}.network-nodes{inset:0;overflow:visible}.network-node{height:4rem;padding:.4rem;width:4rem}.node-icon,.node-logo{height:2.15rem;width:2.15rem}.node-label{font-size:.58rem;max-width:5.5rem;white-space:normal;width:5.5rem}.portfolio-footer{bottom:.75rem;font-size:.55rem}.project-modal{gap:1.2rem;grid-template-columns:1fr;max-height:88vh}.modal-project-image{width:7rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.01303f81.css.map*/