@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 40%,#0000)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 60%,#0000)}html{transition:background .3s ease,color .3s ease}:root{--bg:#1a1b26;--text:#c0caf5;--text-muted:#565f89;--brand:#7aa2f7;--brand-2:#bb9af7;--border:#ffffff0f}:root[data-theme=light]{--bg:#fffcf0;--text:#100f0f;--text-muted:#6f6e69;--brand:#af3029;--brand-2:#205ea6;--border:#dad8ce}*,:after,:before{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}#root,body{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1b26;background:var(--bg);color:#c0caf5;color:var(--text);font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;margin:0;transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{border-radius:0;font-family:inherit}.app{min-height:100%}.nav{align-items:center;background:#1a1b26;background:var(--bg);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand{font-size:20px;font-weight:800;letter-spacing:-.3px}.brand span{color:#7aa2f7;color:var(--brand)}.nav-group{align-items:center;display:flex;gap:28px}.nav-links{display:none;gap:24px}.nav-links a{color:#565f89;color:var(--text-muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#c0caf5;color:var(--text)}@media (min-width:860px){.nav-links{display:flex}}.theme-btn{background:none;border:none;color:#565f89;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:color .2s}.theme-btn:hover{color:#7aa2f7;color:var(--brand)}.menu-btn{background:none;border:none;color:#565f89;color:var(--text-muted);cursor:pointer;display:none;font-size:20px;padding:4px}@media (max-width:859px){.menu-btn{display:block}}.mobile-menu{background:#1a1b26;background:var(--bg);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:0;left:0;padding:8px 32px 16px;position:absolute;right:0;top:100%}.mobile-menu.open{display:flex}.mobile-menu a{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);color:#565f89;color:var(--text-muted);display:block;font-weight:500;padding:14px 0;transition:color .2s}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover{color:#c0caf5;color:var(--text)}main{margin:0 auto;max-width:960px;padding:100px 32px 120px}.hero{grid-gap:40px;display:grid;gap:40px;margin-bottom:100px}.hero-name{color:#7aa2f7;color:var(--brand);font-size:clamp(56px,10vw,110px);font-weight:800;letter-spacing:-3px;line-height:1.02;margin:0;max-width:100%}.hero-tagline{color:#565f89;color:var(--text-muted);font-size:15px;font-weight:500;letter-spacing:-.2px;margin:8px 0 0}.hero-body{max-width:620px}.hero-bio{color:#c0caf5;color:var(--text);font-size:17px;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;gap:32px}.hero-btn{align-items:center;border-bottom:2px solid #0000;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding-bottom:2px;transition:border-color .2s,color .2s}.hero-btn:hover{border-bottom-color:#7aa2f7;border-bottom-color:var(--brand);color:#7aa2f7;color:var(--brand)}.hero-foot{align-items:center;border-top:1px solid #ffffff0f;border-top:1px solid var(--border);color:#565f89;color:var(--text-muted);font-size:13px;justify-content:space-between;padding-top:12px}.hero-foot,.hero-socials{display:flex;flex-wrap:wrap;gap:20px}.hero-socials a{align-items:center;color:#565f89;color:var(--text-muted);display:inline-flex;gap:6px;transition:color .2s}.hero-socials a:hover,.sec-title{color:#7aa2f7;color:var(--brand)}.sec-title{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.3px;margin:0 0 36px}.section{margin-bottom:110px}.sec-slim{margin-bottom:80px}.projects{grid-gap:0;display:grid;gap:0}.project{grid-gap:20px 24px;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:grid;gap:20px 24px;grid-template-columns:50px 1fr;padding:32px 0;position:relative}.project:first-child{border-top:1px solid #ffffff0f;border-top:1px solid var(--border)}.project-num{color:#7aa2f7;color:var(--brand);font-size:14px;font-weight:700;line-height:1.3;margin-top:2px}.project-body h3{font-size:20px;font-weight:700;margin:0 0 8px}.project-body p{color:#c0caf5;color:var(--text);font-size:14px;line-height:1.55;margin:0}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;grid-column:2;justify-content:space-between}.project-tags{display:flex;flex-wrap:wrap;gap:10px}.project-tags span{color:#565f89;color:var(--text-muted);font-size:12px;font-weight:500}.project-tags span:before{color:#bb9af7;color:var(--brand-2);content:"/";margin-right:10px}.project-tags span:first-child:before{content:none}.project-links{display:flex;flex-wrap:wrap;gap:16px}.project-links a{align-items:center;color:#565f89;color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding-bottom:1px;transition:color .2s}.project-links a:hover{color:#7aa2f7;color:var(--brand)}@media (min-width:720px){.project{gap:20px 32px;grid-template-columns:50px 1fr auto}.project-meta{align-items:flex-end;flex-direction:column;gap:10px;grid-column:3;text-align:right}}.skills-grid{border-left:1px solid #ffffff0f;border-left:1px solid var(--border);border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:860px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);color:#c0caf5;color:var(--text);font-size:14px;padding:14px 16px;text-align:center}.about{grid-gap:36px;display:grid;gap:36px;grid-template-columns:1fr}@media (min-width:720px){.about{gap:56px;grid-template-columns:1.5fr 1fr}}.about-main p{color:#c0caf5;color:var(--text);font-size:15px;line-height:1.75;margin:0 0 14px}.about-note{color:#565f89;color:var(--text-muted);font-size:14px}.about-cta{align-items:center;border-bottom:2px solid #0000;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:20px;padding-bottom:2px;transition:border-color .2s,color .2s}.about-cta:hover{border-bottom-color:#7aa2f7;border-bottom-color:var(--brand);color:#7aa2f7;color:var(--brand)}.about-details{display:grid;margin:0}.about-details>div{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 0}.about-details>div:first-child{border-top:1px solid #ffffff0f;border-top:1px solid var(--border)}.about-details dt{color:#565f89;color:var(--text-muted);font-size:14px;font-weight:500}.about-details dd{font-size:14px;font-weight:600;margin:0;text-align:right}.contact-intro{color:#565f89;color:var(--text-muted);font-size:15px;margin:0 0 28px}.contact-form{grid-gap:18px}.contact-form,.f-row{display:grid;gap:18px}.f-row{grid-gap:18px;grid-template-columns:1fr}@media (min-width:720px){.f-row{grid-template-columns:1fr 1fr}}.contact-form label span{color:#565f89;color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.contact-form input,.contact-form textarea{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);color:#c0caf5;color:var(--text);font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:border-color .2s;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#7aa2f7;border-color:var(--brand)}.contact-form button{align-items:center;background:#0000;border:1px solid #ffffff0f;border:1px solid var(--border);color:#c0caf5;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-self:start;padding:14px 24px;transition:border-color .2s,color .2s}.contact-form button:hover{border-color:#7aa2f7;border-color:var(--brand);color:#7aa2f7;color:var(--brand)}.footer{align-items:center;border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:960px;padding:24px 32px}@media (max-width:859px){.footer{flex-direction:column;text-align:center}}.footer p{margin:0}.footer a,.footer p{color:#565f89;color:var(--text-muted);font-size:13px}.footer a{transition:color .2s}.footer a:hover{color:#7aa2f7;color:var(--brand)}.lp{align-items:center;background:#1a1b26;background:var(--bg);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;width:100%}.lp-title{color:#7aa2f7;color:var(--brand);font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;margin:0 0 40px;text-align:center}.lp-links{max-width:460px;width:100%}.lp-link{align-items:center;animation:lpFadeIn .5s ease-out forwards;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);color:#c0caf5;color:var(--text);display:flex;gap:16px;opacity:0;padding:18px 0;text-decoration:none;transform:translateY(8px);transition:color .2s}.lp-link:hover{color:#7aa2f7;color:var(--brand)}.lp-link:first-child{border-top:1px solid #ffffff0f;border-top:1px solid var(--border)}.lp-icon{align-items:center;color:#565f89;color:var(--text-muted);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:color .2s;width:40px}.lp-link:hover .lp-icon{color:#7aa2f7;color:var(--brand)}.lp-label{flex:1 1;font-size:16px;font-weight:500}.lp-arrow{color:#565f89;color:var(--text-muted);flex-shrink:0;transition:transform .2s,color .2s}.lp-link:hover .lp-arrow{color:#7aa2f7;color:var(--brand);transform:translate(3px)}@keyframes lpFadeIn{to{opacity:1;transform:translateY(0)}}body.modal-open{overflow:hidden}.project-wrap{margin:0 auto;max-width:960px;padding:60px 32px 120px}.project-hero-card{margin-bottom:100px}.project-hero-card h1{color:var(--brand);font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-1.5px;margin:0 0 12px}.project-subtitle{font-size:17px;line-height:1.7;margin:0}.project-blurb,.project-subtitle{color:var(--text);max-width:620px}.project-blurb{font-size:15px;line-height:1.75;margin:16px 0 0}.project-badge{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px}.project-section{margin-bottom:100px}.project-section-head h2{color:var(--brand);font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.project-section-head p{color:var(--text-muted);font-size:14px;margin:0 0 32px}.project-card-full p{color:var(--text);font-size:15px;line-height:1.75;margin:0 0 16px}.project-card-full p:last-child{margin-bottom:0}.project-card h3{align-items:center;display:flex;font-size:17px;font-weight:700;gap:10px;margin:0 0 10px}.project-card p{color:var(--text);font-size:14px;line-height:1.7;margin:0}.project-grid,.project-grid-2{grid-gap:24px;display:grid;gap:24px}@media (min-width:720px){.project-grid{gap:32px;grid-template-columns:1fr 1fr 1fr}.project-grid-2{gap:32px;grid-template-columns:1fr 1fr}}.project-two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:720px){.project-two-col{gap:40px;grid-template-columns:1fr 1fr}}.project-two-col .col p{color:var(--text);font-size:15px;line-height:1.75;margin:0 0 14px}.project-two-col .col p:last-child{margin-bottom:0}.project-list{list-style:none;margin:0;padding:0}.project-list li{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:14px;justify-content:space-between;padding:14px 0}.project-list li:first-child{border-top:1px solid var(--border);padding-top:14px}.project-list li:last-child{border-bottom:none;padding-bottom:0}.project-list h3{font-size:16px;font-weight:700;margin:0 0 10px}.project-back{align-items:center;border-bottom:2px solid #0000;color:var(--text-muted);display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:40px;padding-bottom:2px;transition:border-color .2s,color .2s}.project-back:hover{border-bottom-color:var(--brand);color:var(--brand)}.project-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:960px;padding:24px 32px}@media (max-width:859px){.project-footer{flex-direction:column;text-align:center}}.project-footer p{margin:0}.project-footer a,.project-footer p{color:var(--text-muted);font-size:13px}.project-footer a{transition:color .2s}.project-footer a:hover{color:var(--brand)}.diagram-preview-wrapper{align-items:center;aspect-ratio:1/1;border:1px dashed var(--border);cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px;transition:border-color .2s;width:100%}.diagram-preview-wrapper:hover{border-color:var(--brand)}.diagram-preview-wrapper svg,.modal-svg-wrapper svg{display:block;height:100%;width:100%}[data-theme=dark] .diagram-preview-wrapper svg,[data-theme=dark] .modal-svg-wrapper svg{filter:invert(.88) hue-rotate(180deg)}.project-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.project-modal-content{flex-direction:column;height:90%;max-height:800px;max-width:1200px;overflow:hidden;padding:28px;position:relative;width:90%}.project-modal-content,.project-modal-content .close-button{background:var(--bg);border:1px solid var(--border);display:flex}.project-modal-content .close-button{align-items:center;color:var(--text);cursor:pointer;font-size:22px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:border-color .2s;width:40px;z-index:1001}.project-modal-content .close-button:hover{border-color:var(--brand)}.modal-svg-wrapper{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;overflow:hidden;width:100%}.modal-svg-wrapper svg{height:auto;min-height:100%;min-width:100%;overflow:visible!important;width:auto}@media (max-width:768px){.project-wrap{padding:40px 20px 80px}.project-two-col{gap:16px}.project-modal-content{height:95%;padding:20px;width:95%}.project-list li{padding:12px 0}}
/*# sourceMappingURL=main.306b47a2.css.map*/