@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:#0a0a0f;color:#f4f3ee;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#c8ff2e;color:#0a0a0f}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{background:none;border:none;cursor:pointer;color:inherit}.gradient-text{background:linear-gradient(90deg,#c8ff2e,#ff5ec7,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.sticker{display:inline-block;background:#c8ff2e;color:#0a0a0f;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.45rem .9rem;border-radius:999px;transform:rotate(-3deg);margin-bottom:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-size:.72rem;letter-spacing:.04em;color:#8b8b95;border:1px solid rgba(244,243,238,.18);border-radius:999px;padding:.3rem .7rem;transition:color .3s,border-color .3s}.btn{display:inline-block;padding:.7rem 1.5rem;border:1px solid rgba(244,243,238,.3);border-radius:999px;font-size:.9rem;font-weight:600;transition:background .3s,color .3s,border-color .3s,transform .3s}.btn:hover{transform:translateY(-2px);border-color:#f4f3ee}.btn--acid{background:#c8ff2e;border-color:#c8ff2e;color:#0a0a0f}.btn--acid:hover{background:#ff5ec7;border-color:#ff5ec7}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:200;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,4%)}40%{transform:translate(4%,-3%)}60%{transform:translate(-4%,-2%)}80%{transform:translate(3%,3%)}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:300;translate:-50% -50%}.cursor-dot{width:8px;height:8px;background:#c8ff2e}.cursor-ring{width:36px;height:36px;border:1px solid rgba(255,94,199,.8)}@media (hover: none){.cursor-dot,.cursor-ring{display:none}}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#060608;z-index:400;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.preloader__label{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#8b8b95}.preloader__mask{overflow:hidden}.preloader__count{display:inline-block;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(4rem,12vw,9rem);line-height:1;background:linear-gradient(90deg,#c8ff2e,#ff5ec7,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:fixed;top:0;left:0;right:0;z-index:150;display:flex;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.25rem,4vw,3rem);mix-blend-mode:difference}.navbar__logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.3rem}.navbar__burger{display:flex;flex-direction:column;gap:7px;padding:1rem}.navbar__burger span{display:block;width:34px;height:2px;background:#f4f3ee;transition:transform .4s cubic-bezier(.76,0,.24,1)}.navbar__burger.is-open span:first-child{transform:translateY(4.5px) rotate(45deg)}.navbar__burger.is-open span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.menu{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 50% at 85% 15%,rgba(124,92,255,.25),transparent),radial-gradient(40% 40% at 10% 90%,rgba(255,94,199,.18),transparent),#101014;z-index:140;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4rem}.menu__links{list-style:none;text-align:center}.menu__item{overflow:hidden}.menu__item a{display:inline-block;font-family:Syne,sans-serif;font-weight:700;font-size:clamp(2.5rem,8vw,5.5rem);line-height:1.15;transition:color .3s,letter-spacing .3s}.menu__item a:hover{color:#c8ff2e;letter-spacing:.04em}.menu__socials{display:flex;gap:2rem;color:#8b8b95;font-size:.9rem;text-transform:uppercase;letter-spacing:.15em}.menu__socials a:hover{color:#ff5ec7}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}.hero:before{width:40vw;height:40vw;top:-10%;right:-10%;background:#ff5ec729}.hero:after{width:35vw;height:35vw;bottom:-10%;left:-8%;background:#7c5cff33}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.9}.hero__title{position:relative;z-index:2;font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.8rem,11.5vw,10.5rem);line-height:.95;letter-spacing:-.02em;display:flex;flex-direction:column;white-space:nowrap;max-width:100vw}.hero__mask{display:block;overflow:hidden;white-space:nowrap}.hero__line{display:inline-block}.hero__line--outline{-webkit-text-stroke:2px #c8ff2e;color:transparent}.hero__sub{position:relative;z-index:2;margin-top:2rem;max-width:34rem;color:#8b8b95;font-size:1.05rem;line-height:1.6;padding:0 1.5rem}.hero__badge{position:absolute;z-index:3;bottom:3rem;left:clamp(1.5rem,5vw,5rem);width:110px;height:110px;display:flex;align-items:center;justify-content:center}.hero__badge svg{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin 12s linear infinite}.hero__badge svg text{fill:#c8ff2e;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero__badge-arrow{font-size:1.6rem;color:#ff5ec7}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#8b8b95;animation:bob 2.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.about{padding:clamp(5rem,12vw,10rem) clamp(1.25rem,5vw,5rem);max-width:1200px;margin:0 auto}.about__label{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#c8ff2e;margin-bottom:2rem}.about__text{font-family:Syne,sans-serif;font-weight:600;font-size:clamp(1.6rem,4vw,3rem);line-height:1.3;margin-bottom:2.5rem}.about__detail{color:#8b8b95;line-height:1.7;max-width:46rem;margin-bottom:4rem}.about__img{overflow:hidden;border-radius:16px;aspect-ratio:16/9;border:1px solid rgba(244,243,238,.08)}.about__img img{width:100%;height:100%;object-fit:cover;object-position:center -2%;scale:1.18}.projects{position:relative;overflow:hidden}.projects__bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Syne,sans-serif;font-weight:800;font-size:clamp(6rem,21vw,19rem);letter-spacing:.04em;line-height:1;-webkit-text-stroke:1px rgba(244,243,238,.08);color:transparent;pointer-events:none;white-space:nowrap}.projects__track{position:relative;display:flex;align-items:center;gap:clamp(2rem,5vw,5rem);padding:0 clamp(1.25rem,5vw,5rem);min-height:100vh;width:max-content}.projects__intro{flex-shrink:0;width:min(440px,80vw);padding-right:1rem}.projects__intro h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;margin-bottom:1.5rem}.projects__intro p{color:#8b8b95;line-height:1.6}.projects__intro p a{color:#c8ff2e;text-decoration:underline}.featured-card{position:relative;flex-shrink:0;width:min(500px,84vw);background:#13131a;border:1px solid rgba(200,255,46,.45);border-radius:20px;padding:clamp(1.25rem,3vw,1.75rem);box-shadow:0 0 80px #c8ff2e1f,0 0 30px #7c5cff26}.featured-card__pin{display:inline-block;background:#ff5ec7;color:#0a0a0f;font-weight:700;font-size:.75rem;letter-spacing:.08em;padding:.4rem .85rem;border-radius:999px;transform:rotate(2deg);margin-bottom:1rem}.featured-card h3{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.15;display:inline-block;padding-right:.12em;white-space:nowrap;background:linear-gradient(90deg,#c8ff2e,#ff5ec7,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.75rem}.featured-card__desc{color:#8b8b95;line-height:1.6;margin-bottom:1.25rem}.featured-card__stats{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.featured-card__stats li{font-size:.78rem;font-weight:600;color:#c8ff2e;background:#c8ff2e1a;border:1px solid rgba(200,255,46,.35);border-radius:999px;padding:.35rem .8rem}.featured-card__img{overflow:hidden;border-radius:12px;aspect-ratio:16/9;margin-bottom:1.25rem}.featured-card__img img{transition:transform .7s cubic-bezier(.33,1,.68,1)}.featured-card:hover .featured-card__img img{transform:scale(1.06)}.featured-card .chips{margin-bottom:1.5rem}.featured-card__links{display:flex;gap:.75rem}.project-card{position:relative;flex-shrink:0;width:min(400px,78vw);background:#111116;border:1px solid rgba(244,243,238,.08);border-radius:16px;padding:1.25rem;transition:border-color .4s,box-shadow .4s}.project-card:nth-of-type(odd) .project-card__img{transform:rotate(1.5deg)}.project-card:nth-of-type(2n) .project-card__img{transform:rotate(-1.5deg)}.project-card:hover{border-color:#ff5ec799;box-shadow:0 0 50px #ff5ec71f}.project-card:hover .chip{color:#ff5ec7;border-color:#ff5ec780}.project-card__index{font-family:Syne,sans-serif;color:#c8ff2e;font-size:.9rem}.project-card__img{overflow:hidden;border-radius:10px;aspect-ratio:4/3;margin:.75rem 0 1rem;transition:transform .5s cubic-bezier(.33,1,.68,1)}.project-card__img img{transition:transform .7s cubic-bezier(.33,1,.68,1),filter .7s;filter:grayscale(40%)}.project-card:hover .project-card__img{transform:rotate(0)!important}.project-card:hover .project-card__img img{transform:scale(1.08);filter:grayscale(0%)}.project-card__meta{margin-bottom:1rem}.project-card__meta h3{font-family:Syne,sans-serif;font-size:1.5rem;margin-bottom:.4rem}.project-card__meta p{color:#8b8b95;font-size:.9rem;line-height:1.55}.experience{padding:clamp(5rem,12vw,10rem) clamp(1.25rem,5vw,5rem);max-width:1200px;margin:0 auto}.experience__label{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:#c8ff2e;margin-bottom:2rem}.experience__label--sub{margin-top:5rem}.experience__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;padding:2rem 0;border-bottom:1px solid rgba(244,243,238,.1);transition:padding-left .4s cubic-bezier(.33,1,.68,1)}.experience__row:hover{padding-left:1rem}.experience__row:hover h3{color:#c8ff2e}.experience__row h3{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(1.3rem,3vw,2rem);flex-basis:100%;transition:color .3s}.experience__row p{color:#f4f3ee;opacity:.8}.experience__row span{color:#8b8b95;font-size:.9rem}.skills{padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid rgba(244,243,238,.08);border-bottom:1px solid rgba(244,243,238,.08);display:flex;flex-direction:column;gap:2rem}.marquee{overflow:hidden}.marquee__track{display:flex;width:max-content;animation:marquee 22s linear infinite}.marquee--reverse .marquee__track{animation-direction:reverse}.marquee--reverse .marquee__group span{-webkit-text-stroke:1.5px #ff5ec7;color:transparent}.marquee--reverse .marquee__group span em{-webkit-text-stroke:0;color:#7c5cff}.marquee__group{display:flex;align-items:center;gap:3rem;padding-right:3rem}.marquee__group span{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,4rem);white-space:nowrap;display:flex;align-items:center;gap:3rem}.marquee__group span em{font-style:normal;color:#c8ff2e;font-size:.5em}@keyframes marquee{to{transform:translate(-50%)}}.contact{padding:clamp(5rem,12vw,10rem) clamp(1.25rem,5vw,5rem);text-align:center;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:50vw;height:50vw;bottom:-30%;left:50%;transform:translate(-50%);background:#7c5cff24;border-radius:50%;filter:blur(120px);pointer-events:none}.contact__label{color:#8b8b95;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin-bottom:2rem}.contact__title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(3rem,10vw,8rem);line-height:1;margin-bottom:3rem;color:#f4f3ee}.contact__title-line{display:block}.contact__title .char{cursor:default;display:inline-block;will-change:transform,opacity}.contact__title .char.serif{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.contact__cta{display:inline-block;padding:1.2rem 2.6rem;border:1px solid rgba(200,255,46,.5);border-radius:999px;font-size:1.05rem;transition:background .4s,color .4s,border-color .4s}.contact__cta:hover{background:#c8ff2e;color:#0a0a0f;border-color:#c8ff2e}.contact__bottom{position:relative;margin-top:6rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;color:#8b8b95;font-size:.85rem}.contact__socials{display:flex;gap:1.5rem}.contact__socials a{transition:color .3s}.contact__socials a:hover{color:#ff5ec7}.magnetic{display:inline-block}@media (prefers-reduced-motion: reduce){.grain,.marquee__track,.hero__scroll,.hero__badge svg{animation:none}*{transition-duration:.01ms!important}}@media (max-width: 767px){.projects{overflow:visible}.projects__bg{display:none}.projects__track{display:flex;flex-direction:column;align-items:stretch;gap:2rem;padding:3rem 1.25rem 4rem;min-height:unset;width:100%;transform:none!important}.projects__intro{width:100%;padding-right:0;text-align:left}.projects__intro h2{font-size:clamp(2.4rem,12vw,3.5rem);margin-bottom:1rem}.featured-card{width:100%}.featured-card h3{font-size:clamp(1.5rem,7vw,2rem);white-space:normal}.featured-card__stats{gap:.4rem}.featured-card__links{flex-wrap:wrap;gap:.6rem}.project-card{width:100%}.project-card:nth-of-type(odd) .project-card__img,.project-card:nth-of-type(2n) .project-card__img{transform:none}.skills{padding:3rem 0;gap:1.25rem}.marquee__group{gap:1.5rem;padding-right:1.5rem}.marquee__group span{font-size:clamp(1.4rem,8vw,2.4rem);gap:1.5rem}.marquee__track{animation-duration:16s}.contact{padding-left:1.25rem;padding-right:1.25rem}.contact__title{font-size:clamp(2rem,13vw,4.5rem);line-height:1.05;word-break:break-word;margin-bottom:2rem}.contact__cta{padding:1rem 2rem;font-size:.95rem}.contact__bottom{margin-top:3rem;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding-top:2rem;border-top:1px solid rgba(244,243,238,.1)}.contact__socials{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.contact__socials a{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .9rem;border:1px solid rgba(244,243,238,.15);border-radius:999px;transition:border-color .3s,color .3s}.contact__socials a:hover{border-color:#ff5ec7;color:#ff5ec7}}@media (min-width: 768px) and (max-width: 1023px){.featured-card{width:min(540px,88vw)}.project-card{width:min(360px,74vw)}.contact__title{font-size:clamp(2.8rem,9vw,6rem)}}