.particle-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.cursor-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader__bar-track{position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff14;overflow:hidden}.loader__bar-fill{height:100%;background:#fff;transition:width .4s ease}.loader__center{display:flex;flex-direction:column;align-items:center;gap:16px}.loader__glitch{font-family:var(--font-display);font-size:96px;letter-spacing:8px;color:#fff;animation:glitch 1.5s infinite;position:relative}.loader__glitch:before,.loader__glitch:after{content:"LN";position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--font-display)}.loader__glitch:before{color:#ffffff4d;animation:glitch-before 1.5s infinite;clip-path:polygon(0 0,100% 0,100% 35%,0 35%)}.loader__glitch:after{color:#fff3;animation:glitch-after 1.5s infinite;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%)}@keyframes glitch{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px,1px)}93%{transform:translate(2px,-1px)}95%{transform:translate(-1px,2px)}}@keyframes glitch-before{0%,90%,to{transform:translate(0)}92%{transform:translate(3px)}94%{transform:translate(-2px)}}@keyframes glitch-after{0%,90%,to{transform:translate(0)}91%{transform:translate(-3px,1px)}93%{transform:translate(2px,-1px)}}.loader__label{font-family:var(--font-mono);font-size:11px;letter-spacing:6px;color:var(--gray-500)}.loader__percentage{position:absolute;bottom:32px;right:32px;font-family:var(--font-mono);font-size:11px;color:var(--gray-600);letter-spacing:2px}.topnav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;pointer-events:none}.topnav>*{pointer-events:all}.topnav__initials{display:flex;align-items:baseline;gap:2px;font-family:var(--font-display);line-height:1;-webkit-user-select:none;user-select:none;position:relative}.topnav__initials-l,.topnav__initials-n{display:inline-block;font-size:38px;letter-spacing:1px;transition:color .25s ease,transform .25s ease;color:#fff}.topnav__initials:hover .topnav__initials-l{transform:translate(-3px);color:#fff}.topnav__initials:hover .topnav__initials-n{transform:translate(3px);color:var(--gray-300)}.topnav__initials:hover:after{background:#fff}.topnav__initials:before{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--gray-700);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.topnav__initials:hover:before{transform:scaleX(1)}.topnav__back{display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:color var(--transition-fast);padding:4px}.topnav__back:hover{color:#fff}.topnav__projects{color:var(--gray-500);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:4px}.topnav__projects:hover{color:#fff}@media (max-width: 900px){.topnav{padding:20px 28px}.topnav__initials-l,.topnav__initials-n{font-size:30px}}@media (max-width: 480px){.topnav{padding:16px 20px}.topnav__initials-l,.topnav__initials-n{font-size:26px}.topnav__initials:after{bottom:4px;width:3px;height:3px}}.home{position:relative;z-index:10;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}@supports not (height: 100dvh){.home{height:100vh}}.home__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.home__avatar{cursor:none}.home__avatar-ring{width:250px;height:250px;border-radius:50%;border:4px solid rgba(255,255,255,.18);overflow:hidden;background:var(--gray-900);transition:border-color .35s ease,box-shadow .35s ease;box-shadow:0 0 #fff0}.home__avatar-ring:hover{box-shadow:0 8px 48px #ffffff14,0 0 0 1px #ffffff1f}.home__avatar-img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%);display:block}.home__title{font-family:var(--font-display);font-size:clamp(36px,6vw,88px);font-weight:400;line-height:1;letter-spacing:3px;color:var(--gray-400);text-transform:uppercase}.home__title-name{color:#fff;display:block}.home__subtitle{font-family:var(--font-mono);font-size:13px;letter-spacing:8px;color:var(--gray-500);text-transform:uppercase}.home__pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.pill{display:inline-block;padding:10px 22px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:100px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:3px;color:#fff;transition:background .2s ease}.home__email{position:absolute;bottom:32px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--gray-600);transition:color var(--transition-fast)}.home__email:hover .home__email-icon{opacity:1}.home__email-icon{opacity:0;transition:opacity var(--transition-fast)}.home__email-copied{display:flex;align-items:center;gap:5px;color:var(--gray-400)}.home__tap-hint{display:none}@media (max-width: 900px){.home__content{gap:16px}.home__avatar-ring{width:180px;height:180px;border-width:3px}.home__title{font-size:clamp(30px,7vw,60px);letter-spacing:2px}.home__subtitle{font-size:11px;letter-spacing:6px}.pill{padding:9px 18px;font-size:11px;letter-spacing:2px}.home__email{font-size:10px;letter-spacing:1px;bottom:24px}}@media (max-width: 480px){.home__content{gap:12px;padding:0 20px}.home__avatar-ring{width:140px;height:140px;border-width:2px}.home__title{font-size:clamp(28px,9vw,48px);letter-spacing:1px}.home__subtitle{font-size:9px;letter-spacing:4px}.home__pills{gap:7px}.pill{padding:8px 15px;font-size:10px;letter-spacing:1.5px}.home__email{font-size:9px;letter-spacing:.5px;bottom:max(20px,env(safe-area-inset-bottom,20px));padding:0 16px;text-align:center}.home__tap-hint{display:flex;align-items:center;gap:6px;position:absolute;bottom:max(56px,calc(env(safe-area-inset-bottom,0px) + 56px));font-family:var(--font-mono);font-size:8px;letter-spacing:3px;color:var(--gray-700);text-transform:uppercase;animation:hint-pulse 2.4s ease-in-out infinite;pointer-events:none}.home__tap-hint-dot{width:4px;height:4px;border-radius:50%;background:var(--gray-700);animation:dot-bounce 2.4s ease-in-out infinite}.home__tap-hint-dot:nth-child(2){animation-delay:.2s}.home__tap-hint-dot:nth-child(3){animation-delay:.4s}@keyframes hint-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}}@media (max-height: 600px) and (max-width: 900px){.home__content{gap:8px}.home__avatar-ring{width:80px;height:80px}.home__subtitle{display:none}.pill{padding:6px 12px;font-size:9px}.home__email{bottom:12px}}.projects{position:relative;z-index:10;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:80px 48px 40px;overflow:hidden}@supports not (height: 100dvh){.projects{height:100vh}}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:1100px}.pcard{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:8px;overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:border-color .25s ease;position:relative}.pcard:hover{border-color:var(--gray-600)}.pcard__img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;background:var(--gray-800)}.pcard__img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(40%) contrast(1.05);transition:filter .4s ease}.pcard:hover .pcard__img{filter:grayscale(10%) contrast(1.08)}.pcard__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;pointer-events:none}.pcard__footer{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.pcard__title{font-family:var(--font-display);font-size:22px;letter-spacing:2px;color:#fff;line-height:1}.pcard__pills{display:flex;gap:6px;flex-wrap:wrap}.pcard__pill{display:inline-block;padding:6px 14px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:100px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:2px;color:#fff}@media (max-width: 900px){.projects{padding:80px 24px 32px;align-items:flex-start;overflow-y:auto;height:100dvh}.projects__grid{grid-template-columns:repeat(2,1fr);gap:14px}.pcard__title{font-size:19px}.pcard__footer{padding:12px 14px 14px;gap:8px}}@media (max-width: 560px){.projects{padding:72px 14px 28px}.projects__grid{grid-template-columns:repeat(2,1fr);gap:10px}.pcard__footer{padding:10px 12px 12px;gap:6px}.pcard__title{font-size:15px;letter-spacing:1px}.pcard__pill{font-size:8px;padding:4px 9px;letter-spacing:1px}}@media (max-width: 360px){.projects__grid{grid-template-columns:1fr}}.carousel{position:relative;width:calc(100% - 80px);margin:0 auto;height:50svh;overflow:hidden;border-radius:0 0 16px 16px;background:var(--gray-900);flex-shrink:0}@supports not (height: 40svh){.carousel{height:40vh}}.carousel__track{position:relative;width:100%;height:100%;overflow:hidden}.carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;filter:grayscale(30%) contrast(1.05)}.carousel__zone{position:absolute;top:0;bottom:0;width:50%;z-index:10;background:transparent;border:none;display:flex;align-items:center;transition:background .2s ease}.carousel__zone--left{left:0;justify-content:flex-start;padding-left:20px}.carousel__zone--right{right:0;justify-content:flex-end;padding-right:20px}.carousel__zone--left:hover{background:linear-gradient(to right,rgba(0,0,0,.22),transparent)}.carousel__zone--right:hover{background:linear-gradient(to left,rgba(0,0,0,.22),transparent)}.carousel__zone-hint{font-size:40px;color:#fff0;transition:color .2s ease;font-family:var(--font-mono);line-height:1;pointer-events:none}.carousel__zone:hover .carousel__zone-hint{color:#ffffff8c}.carousel__zone:active .carousel__zone-hint{color:#ffffff73}.carousel__dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.carousel__dot{width:6px;height:6px;border-radius:50%;background:var(--gray-600);border:none;transition:background .2s ease,transform .2s ease}.carousel__dot.active{background:#fff;transform:scale(1.3)}@media (max-width: 900px){.carousel{width:calc(100% - 56px);height:35svh}}@supports not (height: 35svh){@media (max-width: 900px){.carousel{height:35vh}}}@media (max-width: 480px){.carousel{width:100%;height:32svh;border-radius:0 0 12px 12px}.carousel__zone-hint{font-size:28px}.carousel__zone--left{padding-left:12px}.carousel__zone--right{padding-right:12px}}@supports not (height: 32svh){@media (max-width: 480px){.carousel{height:30vh}}}@media (max-height: 500px){.carousel{height:52svh}}.detail{position:relative;z-index:10;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}@supports not (height: 100dvh){.detail{height:100vh}}.detail__carousel-wrap{width:100%;flex-shrink:0}.detail__content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:20px 48px}.detail__nav{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--gray-800);padding:14px 48px;padding-bottom:max(14px,env(safe-area-inset-bottom,14px));background:var(--bg)}.detail__title{font-family:var(--font-display);font-size:clamp(28px,5vw,64px);letter-spacing:4px;line-height:1;color:#fff}.detail__tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.detail__tag{display:inline-block;padding:8px 18px;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:100px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;color:#fff;transition:background .18s ease;cursor:default}.detail__desc{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--gray-400);max-width:520px}.detail__links{display:flex;gap:14px;align-items:center}.detail__pill-link{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:100px;border:1px solid var(--gray-700);color:var(--gray-400);background:transparent;overflow:hidden;white-space:nowrap;transition:color .2s ease,border-color .2s ease,background .2s ease;text-decoration:none}.detail__pill-link:hover{color:#fff;border-color:var(--gray-400);background:#ffffff0f}.detail__pill-icon{flex-shrink:0}.detail__pill-label{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;overflow:hidden;display:inline-block}.detail__nav-btn{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--gray-600);transition:color var(--transition-fast);max-width:42%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail__nav-btn:hover,.detail__nav-btn:active{color:#fff}.detail__nav-btn--next{flex-direction:row-reverse}@media (max-width: 900px){.detail__content{gap:14px;padding:16px 32px}.detail__nav{padding:12px 32px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.detail__title{font-size:clamp(24px,5vw,48px);letter-spacing:2px}.detail__desc{font-size:14px}.detail__tag{font-size:10px;padding:7px 15px}.detail__nav-btn{font-size:11px}}@media (max-width: 480px){.detail__content{gap:10px;padding:12px 18px;justify-content:center;overflow-y:auto}.detail__nav{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.detail__title{font-size:clamp(20px,7vw,34px);letter-spacing:2px}.detail__desc{display:block;font-size:12px;line-height:1.6}.detail__tag{font-size:10px;padding:7px 14px}.detail__pill-link{height:40px;padding:0 14px}.detail__pill-label{font-size:10px}.detail__nav-btn{font-size:10px;max-width:44%}}@media (max-height: 500px){.detail__content{gap:6px;padding:6px 20px;overflow-y:auto}.detail__desc{display:block;font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail__tag{font-size:9px;padding:5px 11px}.detail__nav-btn{font-size:10px}.detail__nav{padding:8px 20px}}.app{position:relative;width:100%;height:100dvh;overflow:hidden;background:var(--bg)}@supports not (height: 100dvh){.app{height:100vh}}.view-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}:root{--bg: #000000;--text: #ffffff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #bdbdbd;--gray-400: #9e9e9e;--gray-500: #757575;--gray-600: #616161;--gray-700: #424242;--gray-800: #212121;--gray-900: #111111;--font-display: "Bebas Neue", sans-serif;--font-body: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--transition-fast: .2s ease;--transition-mid: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme: light){:root{--bg: #0a0a0a;--gray-800: #1a1a1a;--gray-900: #111111}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100dvh;overflow:hidden}@supports not (height: 100dvh){html,body,#root{height:100vh}}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (hover: hover) and (pointer: fine){body,*,*:before,*:after{cursor:none!important}}@media (hover: none),(pointer: coarse){body,*,*:before,*:after{cursor:auto!important}}button{border:none;background:none;color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:1px}