:root{--linear-ease:linear(0,0.068,0.19 2.7%,0.804 8.1%,1.037,1.199 13.2%,1.245,1.27 15.8%,1.274,1.272 17.4%,1.249 19.1%,0.996 28%,0.949,0.928 33.3%,0.926,0.933 36.8%,1.001 45.6%,1.013,1.019 50.8%,1.018 54.4%,1 63.1%,0.995 68%,1.001 85%,1)}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:white;text-shadow:0 1px 1px hsl(205deg 30% 10%/.2)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:white}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px white}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:10px;background:white;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:black;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{color:white;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:black}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:black}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:white;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time:5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}.skills-section{width:100%;padding:4rem 0;background:transparent;overflow:hidden}.skills-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.skills-title{font-size:2.5rem;font-weight:900;color:white;margin-bottom:.5rem;letter-spacing:.2em}.skills-subtitle{color:#888;font-size:1rem;margin:0}.skills-rows{display:flex;flex-direction:column;gap:.5rem}.skills-container{width:100%;overflow-x:scroll;overflow-y:hidden;cursor:grab;padding-block:2rem;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 10%,black 90%,transparent)}.skills-container:active{cursor:grabbing}.skills-container::-webkit-scrollbar{display:none}.skills-track{display:flex;gap:1.5rem;width:max-content;padding:0 10%}.skill-card{flex-shrink:0;width:200px;height:120px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--skill-color),transparent);opacity:.1;transition:opacity .3s ease;z-index:0}.skill-card:hover:before{opacity:.3}.skill-desc{position:absolute;inset:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:.8rem;line-height:1.4;color:#fff;opacity:0;transform:translateY(100%);transition:all .3s ease;z-index:10}.skill-card:hover .skill-desc{opacity:1;transform:translateY(0)}.skill-card:hover{transform:translateY(-8px) scale(1.05);border-color:var(--skill-color);box-shadow:0 10px 40px -10px rgba(0,0,0,.5),0 0 20px -5px var(--skill-color);z-index:20}.skill-icon{width:2.5rem;height:2.5rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease;z-index:1}.skill-card:hover .skill-icon{transform:scale(.8) translateY(-10px)}.skill-name{color:white;font-weight:600;font-size:.9rem;text-align:center;letter-spacing:.05em;transition:opacity .3s ease;z-index:1}.skill-card:hover .skill-name{opacity:0}@media (max-width:768px){.skills-title{font-size:2rem}.skills-rows{gap:0}.skills-track{gap:1rem}.skill-card{width:140px;height:100px;gap:.5rem}.skill-icon{width:1.8rem;height:1.8rem}.skill-name{font-size:.75rem}.skill-desc{font-size:.7rem;padding:.5rem}}.projects-scroll-container{width:100%;position:relative;padding-bottom:10vh}.projects-header{text-align:center;padding-bottom:2rem}.projects-title{font-size:3rem;font-weight:900;color:white;letter-spacing:.1em;text-transform:uppercase}.card-wrapper{position:sticky;top:80px;height:90vh;display:flex;align-items:flex-start;justify-content:center;padding-top:2rem}.project-card{background-color:white;border-radius:20px;overflow:hidden;width:100%;max-width:900px;height:75vh;max-height:650px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);cursor:pointer;will-change:transform,opacity,filter;transform-origin:center 20%}.card-image-section{width:100%;height:55%;background:#f0f0f0;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .card-image{transform:scale(1.05)}.card-content-section{width:100%;height:45%;padding:2rem;display:flex;flex-direction:column;justify-content:center;background:white;position:relative}.project-number{font-size:3.5rem;font-weight:900;color:#e5e5e5;line-height:1;position:absolute;top:1.5rem;right:1.5rem;z-index:0}.project-title{position:relative;font-size:2rem;font-weight:800;color:black;margin-bottom:.75rem;z-index:1}.project-desc{position:relative;font-size:.95rem;line-height:1.6;color:#4b5563;font-weight:500;z-index:1;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.project-card{height:70vh;max-width:100%}.card-content-section{padding:1.5rem}.project-title{font-size:1.5rem}.project-desc{font-size:.9rem;-webkit-line-clamp:5}.project-number{font-size:2.5rem}}.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);position:relative;border-radius:inherit;overflow:visible;isolation:isolate}.eb-canvas-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.eb-canvas{display:block}.eb-content{position:relative;border-radius:inherit;z-index:1}.eb-layers{z-index:0}.eb-background-glow,.eb-glow-1,.eb-glow-2,.eb-layers{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.eb-background-glow,.eb-glow-1,.eb-glow-2{box-sizing:border-box}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h/.6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;transform:scale(1.1);filter:blur(32px);opacity:.3;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}