:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#111;--bg-card-hover:#1a1a1a;--bg-sidebar:#050505;--text-primary:#fafafa;--text-secondary:#a1a1a1;--text-tertiary:#666;--text-link:#00e5a0;--button-primary:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);--accent:#00e5a0;--accent-end:#00d4ff;--accent-gradient:(135deg,var(--accent) 0%,var(--accent-end) 100%);--accent-dim:#00e5a01f;--accent-glow:0 0 12px #00e5a059,0 0 4px #00d4ff33;--accent-glow-subtle:#00e5a00f;--accent-secondary:#7c6cff;--border:#ffffff14;--border-hover:#ffffff24;--font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:30px;--sidebar-width-open:14rem;--sidebar-width-closed:4rem;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s cubic-bezier(0.16,1,0.3,1)}.accent-text{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(0,229,160,.3))}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:#000;background:var(--bg-primary);color:#fafafa;color:var(--text-primary);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}::selection{background:#00e5a0;background:var(--accent);color:#000;color:var(--bg-primary)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:4rem;margin-left:var(--sidebar-width-closed);transition:margin-left .3s ease;transition:margin-left var(--transition-base)}.main-content.sidebar-open{margin-left:14rem;margin-left:var(--sidebar-width-open)}section{padding:0}.section-container{margin:0 auto;max-width:860px;padding:6rem 2rem}.section-label{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(0,229,160,.3));font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;margin-bottom:1rem;text-transform:uppercase}.section-title{font-size:clamp(2rem,4vw,2.75rem)}.section-title,.section-title2{color:#fafafa;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.section-title2{font-size:clamp(2rem,4vw,2.4rem)}.section-subtitle{color:#a1a1a1;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:560px}.section-divider{background:#ffffff14;background:var(--border);border:none;height:1px;margin:0;width:100%}.sidebar-container{align-items:flex-start;display:flex;height:100vh;left:0;position:fixed;top:0;z-index:100}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505;background:var(--bg-sidebar);border-right:1px solid #ffffff14;border-right:1px solid var(--border);box-shadow:4px 0 16px #00e5a026,8px 0 40px #00e5a014,12px 0 60px #00d4ff0a;flex-direction:column;height:100%;padding:1.25rem .75rem;transition:all .3s ease;transition:all var(--transition-base);width:100%}.sidebar,.sidebar-toggle{align-items:center;display:flex}.sidebar-toggle{align-self:flex-end;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;justify-content:center;padding:.35rem;transition:color .15s ease,background .15s ease;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-toggle:hover{-webkit-text-fill-color:#00e5a0;-webkit-text-fill-color:var(--accent);background:#00e5a01f;background:var(--accent-dim);-webkit-background-clip:unset;color:#fafafa;color:var(--text-primary)}.sidebar-center{flex:1 1;flex-direction:column;gap:.25rem;width:100%}.sidebar-center,.sidebar-headshot-wrapper{align-items:center;display:flex;justify-content:center}.sidebar-headshot-wrapper{margin-bottom:.75rem;transition:opacity .3s ease;transition:opacity var(--transition-base)}.sidebar-headshot-wrapper.hidden{height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-headshot{border:2px solid #ffffff14;border:2px solid var(--border);border-radius:50%;height:100px;object-fit:cover;transition:border-color .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);transition:border-color var(--transition-slow),width var(--transition-slow),height var(--transition-slow);width:100px}.sidebar-headshot:hover{border-color:#00e5a0;border-color:var(--accent);height:140px;width:140px}.sidebar-social{display:flex;gap:.5rem;margin-bottom:2rem;transition:opacity .3s ease;transition:opacity var(--transition-base)}.sidebar-social.hidden{height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.sidebar-social a{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-tertiary);display:flex;height:32px;justify-content:center;transition:color .15s ease,background .15s ease;transition:color var(--transition-fast),background var(--transition-fast);width:32px}.sidebar-social a:hover{background:#00e5a01f;background:var(--accent-dim);color:#fafafa;color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;width:100%}.sidebar-link{text-decoration:none}.sidebar-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#666;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-weight:450;gap:.75rem;padding:.6rem .65rem;transition:color .15s ease,background .15s ease;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.sidebar-item:hover{-webkit-text-fill-color:#00e5a0;-webkit-text-fill-color:var(--accent);background:hsla(0,0%,100%,.196);background:#00e5a01f;background:var(--accent-dim);-webkit-background-clip:unset;color:#00e5a0;color:var(--accent)}.sidebar-item-icon{align-items:center;display:flex;justify-content:center;min-width:20px}.sidebar-item-label{opacity:1;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.sidebar-container[data-state=closed] .sidebar-item-label{opacity:0;overflow:hidden;width:0}.sidebar-container[data-state=closed] .sidebar-item{position:relative}.sidebar-container[data-state=closed] .sidebar-item:after{background:#111;background:var(--bg-card);border:1px solid #ffffff24;border:1px solid var(--border-hover);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #0006;color:#fafafa;color:var(--text-primary);content:attr(data-label);font-size:.8rem;font-weight:500;left:calc(100% + .75rem);opacity:0;padding:.35rem .65rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(-6px);transition:opacity .15s ease,transform .15s ease;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;z-index:200}.sidebar-container[data-state=closed] .sidebar-item:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar-download{flex-shrink:0;width:100%}.sidebar-download .sidebar-item{-webkit-text-fill-color:#0000;background:(135deg,#00e5a0 0,#00d4ff 100%);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 4px rgba(0,229,160,.4))}.sidebar-download .sidebar-item-icon{-webkit-text-fill-color:initial;color:#00e5a0;color:var(--accent);filter:drop-shadow(0 0 4px rgba(0,229,160,.4))}.sidebar-download .sidebar-item:hover{-webkit-text-fill-color:#00e5a0;-webkit-text-fill-color:var(--accent);background:#00e5a01f;background:var(--accent-dim);-webkit-background-clip:unset}.hero{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:860px;min-height:100vh;padding:6rem 2rem 4rem;position:relative}.hero:before{background:radial-gradient(circle,0 0 12px #00e5a059,0 0 4px #00d4ff33 0,#0000 70%);background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);content:"";height:400px;pointer-events:none;position:absolute;right:-10%;top:15%;width:400px}.hero-greeting{color:#00e5a0;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.12em;margin-bottom:1.25rem;text-transform:uppercase}.hero-name{color:#fafafa;color:var(--text-primary);font-size:clamp(3rem,7vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:.75rem}.hero-title-line{color:#a1a1a1;color:var(--text-secondary);font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;line-height:1.5;margin-bottom:2rem}.hero-title-line .typed{color:#00e5a0;color:var(--accent);font-weight:500}.hero-title-line .cursor{animation:blink 1s step-end infinite;background:#00e5a0;background:var(--accent);display:inline-block;height:1.2em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes blink{50%{opacity:0}}.hero-description{color:#a1a1a1;color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:2.5rem;max-width:520px}.hero-cta{align-items:center;appearance:none;-webkit-appearance:none;background:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);background:var(--button-primary);border:none;border-radius:24px;border-radius:var(--radius-xl);color:#000;color:var(--bg-primary);cursor:pointer;display:inline-flex;font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-cta:hover{box-shadow:0 4px 24px #ffffff1a,0 0 12px #00e5a04d;transform:translateY(-1px)}.btn-trace{position:relative}.trace-svg{height:calc(100% + 8px);left:-4px;opacity:0;overflow:visible;pointer-events:none;position:absolute;top:-4px;transition:opacity .3s ease;width:calc(100% + 8px)}.btn-trace:hover .trace-svg{opacity:1;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.trace-rect{fill:none;stroke-width:1;stroke-dasharray:600;stroke-dashoffset:600;height:calc(100% - 3px);transition:stroke-dashoffset 0s;width:calc(100% - 3px)}.btn-trace:hover .trace-rect{stroke-dashoffset:0;transition:stroke-dashoffset .35s linear}.about-bio{color:#a1a1a1;color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-top:1.25rem;max-width:600px}.about-details-row{grid-gap:2.5rem;border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;margin-top:3rem;padding-top:2.5rem}.about-detail-col{display:flex;flex-direction:column}.about-detail-label{color:#00e5a0;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.about-detail-value{color:#a1a1a1;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:.6rem}.case-studies{display:flex;flex-direction:column;gap:3rem;margin-top:2.5rem}.case-study-card{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,transform .3s ease;transition:border-color var(--transition-base),transform var(--transition-base)}.case-study-card:hover{border-color:#ffffff24;border-color:var(--border-hover);transform:translateY(-2px)}.case-study-image{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:4rem;object-fit:cover;width:100%}.case-study-content{padding:2rem}.case-study-tag{color:#00e5a0;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;margin-bottom:.75rem;text-transform:uppercase}.case-study-title{color:#fafafa;color:var(--text-primary);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.case-study-description{color:#a1a1a1;color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.case-study-process{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.process-tag{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);color:#a1a1a1;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:.3rem .7rem}.case-study-tools{display:flex;flex-direction:column;gap:.4rem}.case-study-tools-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tools-label{color:#a1a1a1;color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase;white-space:nowrap}.tool-tag{background:#00e5a01f;background:var(--accent-dim);border-radius:6px;border-radius:var(--radius-sm);color:#00e5a0;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;padding:.25rem .6rem}.case-study-links{display:flex;gap:.65rem;margin-top:1.25rem}.case-study-link{align-items:center;background:#00e5a01f;background:var(--accent-dim);border:1px solid #00e5a033;border-radius:6px;border-radius:var(--radius-sm);color:#00e5a0;color:var(--accent);display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.35rem .85rem;transition:background .15s ease,border-color .15s ease;transition:background var(--transition-fast),border-color var(--transition-fast)}.case-study-link:hover{background:#00e5a02e;border-color:#00e5a066}.case-study-link-ghost{background:#0000;border-color:#ffffff14;border-color:var(--border);color:#a1a1a1;color:var(--text-secondary)}.case-study-link-ghost:hover{background:#ffffff0d;border-color:#ffffff24;border-color:var(--border-hover);color:#fafafa;color:var(--text-primary)}.skills-groups{display:flex;flex-direction:column;gap:3rem;margin-top:2.5rem}.skills-group-label{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#00e5a0;color:var(--accent);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.skills-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skill-chip{align-items:center;background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#a1a1a1;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:450;gap:.5rem;padding:.6rem .85rem;transition:border-color .15s ease,color .15s ease,background .15s ease;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.skill-chip:hover{background:#1a1a1a;background:var(--bg-card-hover);border-color:#ffffff24;border-color:var(--border-hover);color:#fafafa;color:var(--text-primary)}.skill-chip-icon{align-items:center;display:flex;font-size:1rem}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:2.5rem}.project-card{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .3s ease,transform .3s ease;transition:border-color var(--transition-base),transform var(--transition-base)}.project-card:hover{border-color:#ffffff24;border-color:var(--border-hover);transform:translateY(-2px)}.project-card-img{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);height:160px;object-fit:cover;width:100%}.project-card-body{padding:1.25rem}.project-card-title{color:#fafafa;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.35rem}.project-card-desc{color:#a1a1a1;color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin-bottom:.75rem}.project-card-stack{color:#666;color:var(--text-tertiary);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.65rem;line-height:1.5}.project-card-links{border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:.75rem;margin-top:1rem;padding-top:.75rem}.project-card-links a{align-items:center;color:#a1a1a1;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.3rem;transition:color .15s ease;transition:color var(--transition-fast)}.project-card-links a:hover{color:#00e5a0;color:var(--accent)}.contact-layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.contact-info p{color:#a1a1a1;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.contact-social{display:flex;gap:.75rem}.contact-social a{align-items:center;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#a1a1a1;color:var(--text-secondary);display:flex;height:40px;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);width:40px}.contact-social a:hover{background:#00e5a01f;background:var(--accent-dim);border-color:#00e5a0;border-color:var(--accent);color:#00e5a0;color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#fafafa;color:var(--text-primary);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:.85rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#00e5a0;border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666;color:var(--text-tertiary)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form button{align-self:flex-start;background:radial-gradient(ellipse at 50% 50%,#e9e9e9ec 25%,#b9b9b9b9 75%,#84848463 100%);background:var(--button-primary);border:none;border-radius:30px;border-radius:var(--radius-2xl);color:#000;color:var(--bg-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:.7rem 1.75rem;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-form button:hover{box-shadow:0 4px 20px #ffffff1a,0 0 12px #00e5a04d;transform:translateY(-1px)}.footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding:2rem;text-align:center}.footer p{color:#666;color:var(--text-tertiary);font-size:.75rem}@media (max-width:768px){.main-content{margin-left:0!important}.sidebar-container{transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-base)}.sidebar-container[data-state=open]{transform:translateX(0)}.mobile-toggle{background:#111;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#a1a1a1;color:var(--text-secondary);cursor:pointer;display:flex;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:101}.hero{min-height:auto;padding:4rem 1.5rem 3rem}.section-container{padding:4rem 1.5rem}.about-details-row,.contact-layout{gap:2rem;grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
/*# sourceMappingURL=main.25c89742.css.map*/