:root{--color-bg:#0a0a0a;--color-text:#f0f0f0;--color-accent:#555;--font-sans:"Inter", sans-serif;--font-display:"Syne", sans-serif;--page-x:clamp(16px, 5vw, 80px);--section-y:clamp(56px, 10vw, 140px);--section-gap:clamp(20px, 3vw, 48px);--radius-lg:18px}*{box-sizing:border-box;margin:0;padding:0}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}main{width:100%}.global-bg{object-fit:cover;z-index:-2;will-change:transform, opacity;width:100vw;height:100vh;position:fixed;top:0;left:0}.global-overlay{z-index:-1;pointer-events:none;background:linear-gradient(#0a0a0ab3,#0a0a0af2);width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{display:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.1}a{color:inherit;text-decoration:none}.hero{min-height:100svh;padding:0 var(--page-x);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__container{z-index:2;position:relative}.hero__title,.hero__subtitle,.hero__intro{pointer-events:auto;width:fit-content}.hero__title{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(3rem,8vw,8rem)}.hero__subtitle{color:var(--color-accent);font-size:clamp(1rem,2.5vw,2.5rem)}.hero__intro{color:#aaa;max-width:min(600px,100%);margin-top:clamp(1.5rem,4vw,4rem);font-size:clamp(1rem,2vw,1.5rem);line-height:1.4}.works{padding:var(--section-y) var(--page-x)}.section-title{border-bottom:1px solid #333;margin-bottom:clamp(1.5rem,4vw,4rem);padding-bottom:1rem;font-size:clamp(2rem,4vw,4rem)}.works__grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));justify-items:center;gap:clamp(1.25rem,3vw,3rem);display:grid}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;will-change:transform;border-radius:15px;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-overlay{z-index:2;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;color:#2d2d2d;opacity:0;z-index:3;background-color:#fff;border-radius:4px;padding:4px 10px;font-size:10px;position:absolute;top:0;left:0}.experience{padding:var(--section-y) var(--page-x);gap:var(--section-gap);grid-template-columns:1fr;display:grid}@media (width>=768px){.experience{grid-template-columns:1fr 1fr}}.exp-item{margin-bottom:clamp(1.5rem,3vw,3rem)}.exp-item h4{margin-bottom:.5rem;font-size:clamp(1.1rem,2vw,1.5rem)}.exp-company{color:var(--color-accent);margin-bottom:1rem;font-size:.9rem}.exp-desc{color:#ccc;line-height:1.5}.skills-list{list-style:none}.skills-list li{color:#eee;border-bottom:1px solid #222;padding:1rem 0;font-size:clamp(1rem,1.6vw,1.2rem)}.footer{padding:var(--section-y) var(--page-x);text-align:center}.footer__gooey{align-items:start;gap:1.5rem;max-width:1000px;margin:0 auto clamp(2rem,4vw,3rem);display:grid}.footer__gooeyPanel{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff0f;border:1px solid #ffffff1f;width:min(900px,100%);margin:0 auto;padding:clamp(.9rem,2vw,1.25rem)}.footer__gooeyPanel h3{margin-bottom:.5rem;font-size:1.25rem}.footer__gooeyPanel p{color:#f0f0f0d9;margin:0;line-height:1.5}.footer__title{text-transform:uppercase;margin-bottom:4rem;font-size:clamp(3rem,8vw,8rem)}.footer__links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer__links a,.footer__links span{color:var(--color-accent);font-size:clamp(1rem,1.8vw,1.2rem);transition:color .3s}.footer__links a:hover{color:var(--color-text)}:root{--linear-ease:linear(0, .068, .19 2.7%, .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%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{--color-1:#fffffff2;--color-2:#d2d2d2f2;--color-3:#969696f2;--color-4:#6e6e6ef2;justify-content:center;display:grid;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#fff;text-shadow:0 1px 1px #121b2133;flex-wrap:wrap;justify-content:center;gap:clamp(.6em,1.2vw,1.2em);margin:0;padding:clamp(.35em,1vw,.5em) clamp(.5em,2vw,1em);list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#fff;border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{outline:none;padding:clamp(.5em,1.4vw,.6em) clamp(.75em,2vw,1em);display:inline-block}@media (width<=480px){.gooey-nav-container nav ul{gap:.6em}.gooey-nav-container nav ul li a{font-size:.95rem}}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:10px;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#fff;transition:color .3s}.gooey-nav-container .effect.text.active{color:#000}.gooey-nav-container .effect.filter{filter:blur(7px)contrast(100)blur();mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";z-index:-2;background:#000;position:absolute;inset:-75px}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@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%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}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{opacity:0;transform:scale(0)}}.lanyard-wrapper{z-index:50;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0}.lanyard-wrapper canvas{pointer-events:auto}.dither-container{width:100%;height:100%;position:relative}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,oklch(0% none none/.15))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.35)),inset 0 0 10px 4px var(--lightningcss-light,oklch(0% none none/.1))var(--lightningcss-dark,oklch(100% 5.96046e-8 none/.15)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}