:root{--bg:#05060c;--bg-2:#0b0d18;--fg:#eef0ff;--fg-2:#a9adc9;--fg-3:#6f7394;--line:#ffffff14;--accent:#7c5cff;--accent-2:#00e5ff;--accent-3:#ff5c8a;--accent-4:#ffb84d;--glass:#ffffff09;--glass-hover:#ffffff12;--radius:18px;--font-display:"Syne", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--nav-h:76px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}html,body{margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:none;font-weight:400;line-height:1.6;overflow-x:hidden}@media (hover:none),(pointer:coarse){body{cursor:auto}}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent);color:#fff}#webgl{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.loader{z-index:100;background:var(--bg);transition:opacity .9s var(--ease), visibility .9s;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;width:min(420px,80vw)}.loader__name{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(90deg, var(--fg), var(--accent-2), var(--accent), var(--fg));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;animation:2.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-300% 0}}.loader__bar{background:var(--line);height:1px;overflow:hidden}.loader__fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0%;height:100%;transition:width .2s linear;display:block}.loader__pct{font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.1em;margin-top:12px;font-size:12px}.cursor{pointer-events:none;z-index:90;position:fixed;top:0;bottom:0;left:0;right:0}.cursor__dot,.cursor__ring{will-change:transform;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor__dot{background:var(--fg);width:6px;height:6px}.cursor__ring{width:36px;height:36px;transition:width .35s var(--ease), height .35s var(--ease), background .35s, border-color .35s;border:1px solid #ffffff80}.cursor.is-hover .cursor__ring{border-color:var(--accent);background:#7c5cff26;width:64px;height:64px}.cursor.is-hidden{opacity:0}@media (hover:none),(pointer:coarse){.cursor{display:none}}.nav{z-index:50;height:var(--nav-h);mix-blend-mode:normal;transition:transform .5s var(--ease);justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav.is-hidden{transform:translateY(-100%)}.nav__logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:baseline;font-size:1.25rem;font-weight:800;display:inline-flex}.nav__logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#05060c;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:4px;font-size:1rem;display:inline-grid;box-shadow:0 0 30px #7c5cff73}.nav__logo em{color:var(--accent-2);font-style:normal}.nav__links{gap:6px;display:flex}.nav__links a{color:var(--fg-2);border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:500;transition:color .3s,background .3s;position:relative}.nav__links a:hover,.nav__links a.is-active{color:var(--fg);background:var(--glass)}.nav__cta{border:1px solid var(--line);background:var(--glass)}.nav__burger{width:40px;height:40px;display:none;position:relative}.nav__burger span{background:var(--fg);width:20px;height:1.5px;transition:transform .4s var(--ease), top .4s var(--ease);position:absolute;left:10px}.nav__burger span:first-child{top:16px}.nav__burger span:nth-child(2){top:23px}.nav__burger.is-open span:first-child{top:19.5px;transform:rotate(45deg)}.nav__burger.is-open span:nth-child(2){top:19.5px;transform:rotate(-45deg)}.menu{z-index:45;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility .5s;background:#05060ceb;flex-direction:column;justify-content:center;gap:8px;padding:0 32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.menu.is-open{opacity:1;visibility:visible}.menu a{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-2);opacity:0;transition:color .3s, transform .6s var(--ease), opacity .6s;font-size:clamp(2.2rem,9vw,3.6rem);font-weight:800;transform:translateY(20px)}.menu.is-open a{opacity:1;transform:none}.menu.is-open a:nth-child(2){transition-delay:50ms}.menu.is-open a:nth-child(3){transition-delay:.1s}.menu.is-open a:nth-child(4){transition-delay:.15s}.menu.is-open a:nth-child(5){transition-delay:.2s}.menu a:hover{color:var(--fg)}.progress{z-index:40;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;top:50%;right:clamp(16px,2.5vw,36px);transform:translateY(-50%)}.progress__track{background:var(--line);width:1px;height:140px;position:relative;overflow:hidden}.progress__thumb{background:linear-gradient(180deg, var(--accent-2), var(--accent));width:100%;height:0%;position:absolute;top:0;left:0}.progress__label{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-3);font-size:10px;transform:rotate(180deg)}main{z-index:1;position:relative}.section{min-height:100vh;padding:calc(var(--nav-h) + 8vh) 0 12vh;position:relative}.container{width:min(1180px,100% - 2*clamp(20px,5vw,64px));margin:0 auto}.section__head{max-width:800px;margin-bottom:clamp(40px,6vw,72px)}.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2);margin-bottom:16px;font-size:12px}.h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800;line-height:1.02}.lead{color:var(--fg-2);font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:300;line-height:1.55}.lead strong{color:var(--fg);font-weight:500}.reveal{opacity:0;will-change:transform, opacity;transform:translateY(28px)}.reveal.is-in{opacity:1;transition:opacity 1s var(--ease), transform 1s var(--ease);transform:none}.hero{flex-direction:column;justify-content:center;padding-bottom:0;display:flex}.hero__inner{width:min(1180px,100% - 2*clamp(20px,5vw,64px));margin:0 auto}.hero__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:10px;margin-bottom:32px;padding:8px 16px;font-size:12px;display:inline-flex}.dot{background:#4dff9d;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 14px #4dff9d}@keyframes pulse{50%{opacity:.4}}.hero__title{font-family:var(--font-display);letter-spacing:-.045em;font-size:clamp(3.6rem,13vw,11.5rem);font-weight:800;line-height:.92}.hero__title .line{padding-bottom:.08em;display:block;overflow:hidden}.hero__title .word{display:inline-block;transform:translateY(110%)}.hero__title-last{-webkit-text-stroke:1.5px #ffffff8c;color:#0000;transition:color .6s var(--ease), -webkit-text-stroke-color .6s}.hero__title:hover .hero__title-last{color:var(--fg);-webkit-text-stroke-color:transparent}.hero__role{align-items:center;gap:14px;margin-top:28px;font-size:clamp(1.05rem,2vw,1.5rem);font-weight:500;display:flex}.hero__role-prefix{color:var(--accent-2)}.hero__role-text{background:linear-gradient(90deg, var(--accent-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;min-width:12ch;display:inline-block}.hero__role-text.is-swapping{animation:roleOut .35s var(--ease) forwards}@keyframes roleOut{to{opacity:0;filter:blur(4px);transform:translateY(-8px)}}.hero__role-text.is-entering{animation:roleIn .5s var(--ease) forwards}@keyframes roleIn{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.hero__tagline{max-width:52ch;color:var(--fg-2);margin-top:18px;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:300}.hero__scroll{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;bottom:36px;left:clamp(20px,5vw,64px)}.hero__scroll-line{background:var(--fg-3);width:48px;height:1px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--fg);animation:scrollLine 2s var(--ease) infinite;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes scrollLine{to{transform:translate(100%)}}.hero__meta{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg-3);gap:20px;font-size:11px;display:flex;position:absolute;bottom:36px;right:clamp(64px,7vw,110px)}.about__grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(40px,6vw,96px);display:grid}.timeline{flex-direction:column;display:flex}.timeline li{border-left:1px solid var(--line);padding:22px 0 22px 28px;position:relative}.timeline li:before{content:"";background:var(--accent-2);border-radius:50%;width:7px;height:7px;position:absolute;top:32px;left:-4px;box-shadow:0 0 0 6px #00e5ff1a}.timeline__period{font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-3);text-transform:uppercase;font-size:11px}.timeline__role{font-family:var(--font-display);letter-spacing:-.01em;margin-top:6px;font-size:1.15rem;font-weight:700}.timeline__company{color:var(--accent-2);font-weight:500}.timeline__detail{color:var(--fg-2);margin-top:6px;font-size:.95rem;font-weight:300}.timeline__where{color:var(--fg-3);margin-left:8px;font-size:.8rem}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;margin-top:clamp(60px,10vh,120px);padding:18px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee__track{will-change:transform;gap:0;animation:40s linear infinite marquee;display:inline-flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__track span{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-2);padding:0 28px;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;position:relative}.marquee__track span:after{content:"✦";color:var(--accent);font-size:.75em;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}@keyframes marquee{to{transform:translate(-50%)}}.thoughts__list{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.thought{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .6s var(--ease), background .4s, border-color .4s;padding:30px 28px 32px;position:relative;overflow:hidden}.thought:before{content:"";opacity:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), #7c5cff2e, transparent 60%);transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.thought:hover{background:var(--glass-hover);border-color:#ffffff29;transform:translateY(-6px)}.thought:hover:before{opacity:1}.thought__idx{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-2);font-size:11px}.thought__title{font-family:var(--font-display);letter-spacing:-.02em;margin:14px 0 12px;font-size:1.35rem;font-weight:700;line-height:1.2}.thought__body{color:var(--fg-2);font-size:.98rem;font-weight:300}.thought:first-child{grid-column:span 2}.thought:first-child .thought__title{max-width:18ch;font-size:clamp(1.6rem,3vw,2.3rem)}.thought:first-child .thought__body{max-width:52ch;font-size:1.08rem}.ach__grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.ach{border-radius:var(--radius);background:var(--glass);border:1px solid var(--line);min-height:240px;transition:transform .6s var(--ease), border-color .4s;flex-direction:column;justify-content:space-between;padding:28px 26px;display:flex;position:relative;overflow:hidden}.ach:after{content:"";aspect-ratio:1;filter:blur(10px);width:70%;transition:transform .8s var(--ease);background:radial-gradient(circle,#ffb84d38,#0000 65%);border-radius:50%;position:absolute;top:auto;bottom:-40%;left:auto;right:-30%;transform:scale(.8)}.ach:hover{border-color:#ffb84d59;transform:translateY(-6px)}.ach:hover:after{transform:scale(1.3)}.ach__top{justify-content:space-between;align-items:flex-start;display:flex}.ach__year{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-3);font-size:11px}.ach__stat{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(135deg,#ffd166,#ff7a00);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,4.5vw,3.6rem);font-weight:800;line-height:1}.ach__title{font-family:var(--font-display);letter-spacing:-.01em;margin-top:24px;font-size:1.1rem;font-weight:700;line-height:1.25}.ach__detail{color:var(--fg-2);margin-top:8px;font-size:.9rem;font-weight:300}.ach:first-child{grid-column:span 2}.ach:first-child .ach__stat{font-size:clamp(3.4rem,6vw,5rem)}.ach:first-child .ach__title{font-size:1.5rem}.proj__list{border-top:1px solid var(--line)}.proj{border-bottom:1px solid var(--line);transition:padding .5s var(--ease);grid-template-columns:60px 1.1fr 1.4fr auto;align-items:center;gap:28px;padding:34px 12px;display:grid;position:relative}.proj:hover{padding-left:26px}.proj:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg, color-mix(in srgb, var(--c) 14%, transparent), transparent 70%);border-radius:12px;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.proj:hover:before{opacity:1}.proj__idx{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.proj__name{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.35rem,2.4vw,1.95rem);font-weight:800;line-height:1.05;transition:color .4s}.proj:hover .proj__name{color:var(--c)}.proj__desc{color:var(--fg-2);max-width:46ch;font-size:.98rem;font-weight:300}.proj__tech{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.proj__tech span{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--line);color:var(--fg-2);background:var(--glass);border-radius:999px;padding:4px 9px;font-size:10.5px}.proj__links{gap:10px;display:flex}.proj__links a{border:1px solid var(--line);background:var(--glass);width:46px;height:46px;color:var(--fg-2);transition:transform .4s var(--ease), background .3s, color .3s, border-color .3s;border-radius:50%;place-items:center;display:inline-grid}.proj__links a:hover{background:var(--c);color:#05060c;border-color:var(--c);transform:translateY(-3px)rotate(-8deg)}.proj__links svg{width:18px;height:18px}.contact{text-align:center;flex-direction:column;justify-content:center;padding-bottom:0;display:flex}.contact .container{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.contact__title{font-family:var(--font-display);letter-spacing:-.04em;max-width:14ch;font-size:clamp(2.6rem,8vw,6.5rem);font-weight:800;line-height:.98}.contact__email{font-family:var(--font-display);letter-spacing:-.01em;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .4s, border-color .4s, transform .5s var(--ease), box-shadow .5s;border-radius:999px;align-items:center;gap:14px;margin-top:40px;padding:18px 30px;font-size:clamp(1.1rem,2.6vw,1.8rem);font-weight:700;display:inline-flex}.contact__email:hover{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:translateY(-4px);box-shadow:0 20px 60px #7c5cff59}.contact__email svg{transition:transform .4s var(--ease)}.contact__email:hover svg{transform:translate(3px,-3px)}.socials{flex-wrap:wrap;justify-content:center;gap:8px 26px;margin-top:40px;display:flex}.socials a{color:var(--fg-2);padding:6px 2px;font-size:.92rem;font-weight:500;transition:color .3s;position:relative}.socials a:after{content:"";background:var(--accent-2);transform-origin:100%;height:1px;transition:transform .45s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.socials a:hover{color:var(--fg)}.socials a:hover:after{transform-origin:0;transform:scaleX(1)}.contact:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#05060cd9);height:30vh;position:absolute;bottom:0;left:0;right:0}.footer{border-top:1px solid var(--line);width:min(1180px,100% - 2*clamp(20px,5vw,64px));font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:10vh auto 0;padding:26px 0 30px;font-size:11px;display:flex}.footer__top:hover{color:var(--fg)}@media (max-width:960px){.about__grid{grid-template-columns:1fr}.thoughts__list,.ach__grid{grid-template-columns:repeat(2,1fr)}.proj{grid-template-columns:1fr;gap:14px}.proj__idx{display:none}.proj__links{justify-self:start}}@media (max-width:720px){.nav__links{display:none}.nav__burger{display:block}.progress{display:none}.hero__title{font-size:clamp(3.2rem,17vw,6rem)}.hero__meta{display:none}.thought:first-child,.ach:first-child{grid-column:span 1}.ach__grid,.thoughts__list{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.section{padding-top:calc(var(--nav-h) + 4vh)}}@media (prefers-reduced-motion:reduce){.marquee__track,.dot,.hero__scroll-line:after,.loader__name{animation:none}.reveal{opacity:1;transform:none}}