@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700&display=swap);:root{--black:#0a0a0a;--white:#fff;--gray-1:#1a1a1a;--gray-2:#2a2a2a;--gray-3:#3a3a3a;--gray-4:#a1a1a1;--gray-5:#c8c8c8;--gray-6:#e5e5e5;--accent-red:#ff3b30;--accent-blue:#007aff;--accent-yellow:#ffd60a;--font-heading:"Space Grotesk","Inter Tight",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--px-hero:80px;--py-hero:120px;--t-fast:150ms ease;--t-med:300ms ease;--t-slow:500ms ease;--t-spring:400ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);cursor:none;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.cursor{background:var(--white);border-radius:50%;height:10px;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition:transform 80ms linear,width .2s ease,height .2s ease,background .2s ease;width:10px;z-index:9999}.cursor.expanded{background:var(--white);height:36px;width:36px}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");opacity:.025}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:100}body:after{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px}a{color:inherit;text-decoration:none}button{cursor:none;font-family:var(--font-body)}::selection{background:var(--white);color:var(--black)}@media (hover:none) and (pointer:coarse){.cursor{display:none!important}.btn,.contact-btn,.contact-link,.exp-block,.hero__social-icon,.marquee-item,.navbar-cv-btn,.navbar-link,.navbar-logo,.project-card,.sk-cell,[role=button],a,body,button,input,select,textarea{cursor:auto!important}}.navbar{align-items:center;border-bottom:1px solid #0000;display:flex;height:80px;left:0;position:fixed;right:0;top:0;transition:background-color .4s var(--e-out),border-color .4s var(--e-out),height .4s var(--e-out),-webkit-backdrop-filter .4s var(--e-out);transition:background-color .4s var(--e-out),backdrop-filter .4s var(--e-out),border-color .4s var(--e-out),height .4s var(--e-out);transition:background-color .4s var(--e-out),backdrop-filter .4s var(--e-out),border-color .4s var(--e-out),height .4s var(--e-out),-webkit-backdrop-filter .4s var(--e-out);z-index:999}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0a0abf;border-color:var(--gray-2);height:70px}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 var(--px-hero);width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{cursor:none;text-decoration:none}.logo-initials{color:var(--white);font-family:Cormorant Garamond,serif;font-size:2rem;font-style:italic;font-weight:600;letter-spacing:-.02em;line-height:1;transition:color var(--t-med),transform var(--t-spring)}.navbar-logo:hover .logo-initials{color:var(--accent-yellow);transform:scale(1.08) rotate(-1deg)}.navbar-links{align-items:center;display:flex;gap:32px;left:50%;position:absolute;transform:translateX(-50%)}.navbar-link{color:var(--gray-4);cursor:none;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;position:relative;text-transform:uppercase;transition:color var(--t-fast)}.navbar-link:hover{color:var(--white)}.navbar-link:after{background-color:var(--white);bottom:-6px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform var(--t-med);width:100%}.navbar-link:hover:after{transform:scaleX(1);transform-origin:left}.navbar-cv-btn{background:#0000;border:1px solid var(--white);border-radius:2px;color:var(--white);cursor:none;display:inline-block;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.05em;padding:8px 20px;text-decoration:none;text-transform:uppercase;transition:background-color var(--t-med),color var(--t-med),transform var(--t-fast)}.navbar-cv-btn:hover{background-color:var(--white);color:var(--black);transform:translateY(-1px)}.navbar-cv-btn:active{transform:translateY(0)}@media (max-width:768px){.navbar{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border-bottom:1px solid #0000;height:120px}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0a0abf;border-bottom:1px solid var(--gray-2);height:110px}.navbar-container{display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:100%;padding:0 24px;width:100%}.navbar-logo{left:24px}.navbar-actions,.navbar-logo{position:absolute;top:20px;transition:top .4s var(--e-out)}.navbar-actions{display:block!important;right:24px}.navbar-links{display:flex;gap:40px;justify-content:center;left:0;margin-top:48px;position:relative;transform:none;transition:margin-top .4s var(--e-out);width:100%}.navbar--scrolled .navbar-actions,.navbar--scrolled .navbar-logo{top:15px}.navbar--scrolled .navbar-links{margin-top:42px}}@media (max-width:380px){.navbar{height:110px}.navbar--scrolled{height:100px}.navbar-links{gap:24px;margin-top:44px}.navbar--scrolled .navbar-links{margin-top:38px}.navbar-cv-btn{font-size:10px;padding:6px 14px}}.hero{justify-content:center;min-height:100vh;overflow:hidden;padding:var(--py-hero) var(--px-hero);z-index:2}.hero,.hero__content{align-items:center;display:flex;position:relative}.hero__content{flex-direction:column;max-width:800px;text-align:center;z-index:3}.hero__name{color:var(--white);font-size:clamp(48px,6vw,84px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}.hero__name,.hero__title{font-family:var(--font-heading)}.hero__title{color:var(--gray-4);font-size:clamp(20px,2.5vw,28px);font-weight:400;letter-spacing:.02em;margin-bottom:32px}.hero__divider{background:var(--gray-3);height:2px;margin-bottom:32px;width:64px}.hero__tagline{color:var(--gray-5);font-family:var(--font-body);font-size:clamp(16px,1.5vw,20px);line-height:1.6;margin-bottom:40px;max-width:600px}.hero__socials{flex-wrap:wrap;gap:20px;margin-bottom:56px}.hero__social-icon,.hero__socials{display:flex;justify-content:center}.hero__social-icon{align-items:center;background:var(--gray-1);border:1px solid var(--gray-2);border-radius:50%;color:var(--gray-4);cursor:none;font-size:20px;height:48px;transition:transform var(--t-spring),background var(--t-med),color var(--t-med),border-color var(--t-med),box-shadow var(--t-med);width:48px}.hero__social-icon:hover{transform:translateY(-4px) scale(1.05)}.hero__social-icon.social-github:hover{background:var(--white);border-color:var(--white);box-shadow:0 8px 24px #fff3;color:var(--black)}.hero__social-icon.social-linkedin:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 8px 24px #0a66c24d;color:var(--white)}.hero__social-icon.social-gmail:hover{background:#ea4335;border-color:#ea4335;box-shadow:0 8px 24px #ea43354d;color:var(--white)}.hero__social-icon.social-upwork:hover{background:#14a800;border-color:#14a800;box-shadow:0 8px 24px #14a8004d;color:var(--white)}.hero__social-icon.social-fiverr:hover{background:#1dbf73;border-color:#1dbf73;box-shadow:0 8px 24px #1dbf734d;color:var(--white)}.hero__social-icon.social-leetcode:hover{background:#ffa116;border-color:#ffa116;box-shadow:0 8px 24px #ffa1164d;color:var(--white)}.hero__ctas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn{align-items:center;background:#0000;border:1px solid var(--gray-3);border-radius:2px;color:var(--gray-5);cursor:none;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:8px;letter-spacing:.04em;overflow:hidden;padding:13px 32px;position:relative;transition:background var(--t-med),color var(--t-med),border-color var(--t-med),transform var(--t-spring),box-shadow var(--t-med)}.btn:before{background:var(--white);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform var(--t-med);z-index:0}.btn:hover:before{transform:scaleX(1)}.btn:hover{border-color:var(--white);color:var(--black);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn span{position:relative;z-index:1}.btn--primary{border-color:var(--white);color:var(--white)}.btn--secondary{border-color:var(--gray-3);color:var(--gray-4)}.btn-arrow{font-size:16px;position:relative;transition:transform var(--t-fast);z-index:1}.btn:hover .btn-arrow{transform:translateX(4px)}@media (max-width:768px){.hero{min-height:60vh;padding:180px 24px 30px}}@media (max-width:640px){.hero{min-height:60vh;padding:180px 24px 30px}.hero__social-icon{font-size:18px;height:40px;width:40px}.hero__ctas{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}}.hero__mountains{bottom:0;height:450px;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.hero__mountains svg{display:block;height:100%;width:100%}.hero__mountains-fade{background:linear-gradient(to bottom,#0000 40%,#0a0a0a66 65%,var(--black) 98%);inset:0;position:absolute;z-index:4}@media (max-width:1024px){.hero__mountains{height:380px}}@media (max-width:640px){.hero__mountains{height:420px}}@media (max-width:480px){.hero__mountains{height:450px}}.skills{background:var(--black);border-top:1px solid var(--gray-2);overflow:hidden;padding:140px var(--px-hero) 60px var(--px-hero);position:relative;z-index:2}.skills,.skills__header{align-items:center;display:flex;flex-direction:column}.skills__header{margin-bottom:64px;max-width:600px;text-align:center}.skills__eyebrow{color:var(--gray-4);display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;margin-bottom:20px;text-transform:uppercase}.skills__title{color:var(--white);font-family:var(--font-heading);font-size:clamp(36px,4vw,56px);font-weight:700;letter-spacing:-.01em;line-height:1.06;margin-bottom:14px}.skills__subtitle{color:var(--gray-4);font-family:var(--font-body);font-size:16px;line-height:1.6}.mondrian-skills{grid-gap:3px;background:var(--gray-2);border:1px solid var(--gray-2);border-radius:2px;display:grid;gap:3px;grid-auto-rows:120px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:80px;max-width:1000px;width:100%}.sk-cell{align-items:center;cursor:none;display:flex;flex-direction:column;gap:12px;justify-content:center;overflow:hidden;position:relative;transition:transform var(--t-spring),filter var(--t-med)}.sk-cell.sk-red{background:var(--accent-red);box-shadow:inset 0 0 0 1px #cc2e24}.sk-cell.sk-blue{background:var(--accent-blue);box-shadow:inset 0 0 0 1px #005fcc}.sk-cell.sk-yellow{background:var(--accent-yellow);box-shadow:inset 0 0 0 1px #ca0}.sk-cell.sk-white{background:var(--white);box-shadow:0 0 0 1px var(--gray-5) inset}.sk-cell.sk-dark{background:var(--black);box-shadow:0 0 0 1px var(--gray-3) inset}.sk-icon-wrapper{font-size:40px;transform:translateY(-8px)}.sk-icon-wrapper,.sk-label{transition:transform var(--t-spring);z-index:2}.sk-label{bottom:16px;font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;position:absolute}.sk-cell.sk-blue .sk-icon-wrapper,.sk-cell.sk-blue .sk-label,.sk-cell.sk-red .sk-icon-wrapper,.sk-cell.sk-red .sk-label{color:var(--white)}.sk-cell.sk-white .sk-icon-wrapper,.sk-cell.sk-white .sk-label,.sk-cell.sk-yellow .sk-icon-wrapper,.sk-cell.sk-yellow .sk-label{color:var(--black)}.sk-cell.sk-dark .sk-icon-wrapper,.sk-cell.sk-dark .sk-label{color:var(--white)}.span-c-2{grid-column:span 2}.span-r-2{grid-row:span 2}.span-r-3{grid-row:span 3}.sk-cell:hover{filter:brightness(1.1);transform:scale(.98);z-index:10}.marquee-container{background:var(--black);display:flex;overflow:hidden;padding:24px 0;position:relative;width:100%}.marquee-container:after,.marquee-container:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:150px;z-index:2}.marquee-container:before{background:linear-gradient(to right,var(--black),#0000);left:0}.marquee-container:after{background:linear-gradient(to left,var(--black),#0000);right:0}.marquee-track{animation:scroll-left 30s linear infinite;display:flex;gap:60px;padding-left:60px;white-space:nowrap}.marquee-track:hover{animation-play-state:paused}.marquee-item{align-items:center;cursor:none;display:inline-flex;gap:12px;opacity:.6;transition:opacity var(--t-med),color var(--t-med)}.marquee-item:hover{color:var(--white);opacity:1}.marquee-icon{font-size:20px}.marquee-name{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.05em}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:1024px){.skills{padding:100px 48px 40px}.mondrian-skills{grid-auto-flow:dense;grid-auto-rows:110px;grid-template-columns:repeat(3,minmax(0,1fr))}.mondrian-skills .sk-cell{grid-column:span 1;grid-row:span 1}.mondrian-skills .sk-cell:first-child{grid-column:span 2;grid-row:span 2}.mondrian-skills .sk-cell:nth-child(3){grid-column:span 1;grid-row:span 2}.mondrian-skills .sk-cell:nth-child(2){grid-column:span 2}.mondrian-skills .sk-cell:nth-child(4){grid-column:span 1}.mondrian-skills .sk-cell:nth-child(7){grid-column:span 2;grid-row:span 2}.mondrian-skills .sk-cell:nth-child(5){grid-column:span 1}.mondrian-skills .sk-cell:nth-child(9){grid-column:span 2;grid-row:span 1}.mondrian-skills .sk-cell:nth-child(6){grid-column:span 1}.mondrian-skills .sk-cell:nth-child(10){grid-column:span 1;grid-row:span 1}.mondrian-skills .sk-cell:nth-child(8){grid-column:span 1}.mondrian-skills .sk-cell:nth-child(11){grid-column:span 1;grid-row:span 2}}@media (max-width:640px){.skills{padding:80px 24px 30px}.mondrian-skills{grid-auto-flow:dense;grid-auto-rows:95px;grid-template-columns:repeat(2,minmax(0,1fr))}.mondrian-skills .sk-cell,.mondrian-skills .sk-cell:first-child{grid-column:span 1;grid-row:span 1}.mondrian-skills .sk-cell:nth-child(3){grid-row:span 2}.mondrian-skills .sk-cell:nth-child(7){grid-column:span 2;grid-row:span 1}.mondrian-skills .sk-cell:nth-child(9){grid-column:span 2;order:11}.mondrian-skills .sk-cell:nth-child(10){order:10}.mondrian-skills .sk-cell:nth-child(11){grid-row:span 2;order:9}.mondrian-skills .sk-icon-wrapper{font-size:28px!important;transform:translateY(-4px)!important}.mondrian-skills .sk-label{bottom:12px!important;font-size:11px!important}}@media (max-width:480px){.skills{padding:60px 16px 20px}.mondrian-skills{grid-auto-rows:85px}.mondrian-skills .sk-icon-wrapper{font-size:24px!important}.mondrian-skills .sk-label{bottom:8px!important;font-size:10px!important}}.projects-section{background-color:var(--black);color:var(--white);overflow:hidden;padding:60px 0 var(--py-hero) 0;position:relative}.projects-header-wrapper{display:flex;justify-content:center;margin-bottom:60px;padding:0 var(--px-hero);text-align:center}.projects-header{margin:0}.projects-header h2{color:var(--white);font-family:var(--font-heading);font-size:3rem;font-weight:500;letter-spacing:-.03em;margin:0}.projects-subtext{color:var(--gray-4);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;margin-top:10px;text-transform:uppercase}.slider-nav{display:flex;justify-content:space-between;left:0;padding:0 30px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.slider-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0acc;border:1px solid var(--gray-3);border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;height:55px;justify-content:center;pointer-events:auto;transition:all var(--t-fast);width:55px}.slider-btn:hover{background-color:var(--white);border-color:var(--white);color:var(--black);transform:scale(1.08)}.projects-slider-wrapper{position:relative;width:100%}.projects-slider-wrapper:after,.projects-slider-wrapper:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:120px;z-index:5}.projects-slider-wrapper:before{background:linear-gradient(to right,var(--black) 20%,#0000);left:0}.projects-slider-wrapper:after{background:linear-gradient(to left,var(--black) 20%,#0000);right:0}.projects-scroll-container{-ms-overflow-style:none;display:flex;gap:40px;overflow-x:auto;padding:10px var(--px-hero) 50px;scroll-snap-type:x mandatory;scrollbar-width:none}.projects-scroll-container::-webkit-scrollbar{display:none}.project-card{background-color:var(--gray-1);border:1px solid var(--gray-2);border-radius:4px;cursor:pointer;display:flex;flex-basis:calc(50% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;height:480px;justify-content:flex-end;min-width:450px;overflow:hidden;padding:40px;position:relative;scroll-snap-align:start;transition:transform var(--t-spring),border-color var(--t-fast)}.card-image-bg{background-position:50%;background-size:cover;filter:grayscale(40%) brightness(50%);inset:0;position:absolute;transition:transform var(--t-spring),filter var(--t-med);z-index:1}.card-overlay{background:linear-gradient(0deg,#0a0a0af2 10%,#0a0a0a66 60%,#0000);inset:0;position:absolute;transition:opacity var(--t-med);z-index:2}.project-card:hover{border-color:var(--gray-4);transform:scale(1.02)}.project-card:hover .card-image-bg{filter:grayscale(0) brightness(60%);transform:scale(1.05)}.project-card:before{background-color:var(--accent-red);content:"";height:30px;position:absolute;right:0;top:0;transform:translate(100%,-100%);transition:transform var(--t-spring);width:30px;z-index:4}.project-card:hover:before{transform:translate(0)}.card-content{position:relative;width:100%;z-index:3}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{color:var(--white);font-family:var(--font-heading);font-size:2.2rem;font-weight:500;margin:0}.card-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:var(--white);font-family:var(--font-mono);font-size:.75rem;padding:4px 10px}.card-middle{margin-bottom:30px}.card-desc{color:var(--gray-6);font-size:1.1rem;line-height:1.5;margin:0;max-width:90%}.card-bottom{align-items:flex-end;display:flex;justify-content:space-between}.card-stack{color:var(--gray-4);font-size:.8rem;line-height:1.4;max-width:70%}.card-action,.card-stack{font-family:var(--font-mono)}.card-action{align-items:center;color:var(--white);display:flex;font-size:.85rem;gap:8px;transition:color var(--t-fast);white-space:nowrap}.project-card:hover .card-action{color:var(--accent-red)}.project-detail-overlay{background-color:var(--black);color:var(--white);inset:0;overflow-y:auto;padding:80px var(--px-hero);position:fixed;z-index:1000}.detail-mondrian{display:flex;height:6px;left:0;position:fixed;top:0;width:100%;z-index:1001}.detail-mondrian-red{background-color:var(--accent-red);flex:2 1}.detail-mondrian-blue{background-color:var(--accent-blue);flex:1 1}.detail-mondrian-yellow{background-color:var(--accent-yellow);flex:3 1}.detail-close{background:none;border:none;color:var(--white);cursor:pointer;font-family:var(--font-mono);font-size:.9rem;position:fixed;right:var(--px-hero);top:40px;transition:color var(--t-fast);z-index:1002}.detail-close:hover{color:var(--accent-red)}.detail-content{margin:0 auto;max-width:900px}.detail-header{margin-bottom:80px}.detail-title{font-family:var(--font-heading);font-size:4rem;font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.detail-short-desc{color:var(--gray-5);font-size:1.5rem;line-height:1.4;margin-bottom:40px}.detail-links{display:flex;gap:20px}.detail-links a{border-bottom:1px solid var(--gray-3);color:var(--white);font-family:var(--font-mono);font-size:.9rem;padding-bottom:4px;text-decoration:none;transition:border-color var(--t-fast),color var(--t-fast)}.detail-links a:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.detail-section{margin-bottom:60px}.detail-section h3{color:var(--gray-4);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;margin:0 0 20px;text-transform:uppercase}.detail-section p{color:var(--gray-6);font-size:1.15rem;line-height:1.7;margin:0}.architecture-block{background-color:var(--gray-1);border:1px solid var(--gray-2);color:var(--gray-5);font-family:var(--font-mono);font-size:1rem;line-height:2;overflow-x:auto;padding:40px;white-space:pre}.features-list{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.features-list li{align-items:center;color:var(--gray-6);display:flex;font-size:1.15rem}.features-list li:before{color:var(--gray-4);content:"→";font-family:var(--font-mono);margin-right:15px}@media (max-width:1024px){.projects-slider-wrapper:after,.projects-slider-wrapper:before{width:60px}.projects-scroll-container{gap:30px;padding:10px 48px 40px}.project-card{flex-basis:calc(70% - 15px);flex-grow:0;flex-shrink:0;height:420px;min-width:380px;padding:30px}.project-detail-overlay{padding:80px 48px}.detail-close{right:48px}.detail-title{font-size:3rem}}@media (max-width:768px){.projects-header-wrapper{gap:16px;padding:0 24px}.projects-header,.projects-header-wrapper{align-items:center;flex-direction:column;text-align:center;width:100%}.projects-header{display:flex}.projects-slider-wrapper:after,.projects-slider-wrapper:before,.slider-nav{display:none}.projects-scroll-container{gap:20px;padding:10px 24px 30px}.project-card{flex-basis:calc(85% - 10px);flex-grow:0;flex-shrink:0;height:380px;min-width:290px;padding:24px}.card-top{flex-direction:column;gap:10px}.card-title{font-size:1.8rem}.card-desc{font-size:1rem;max-width:100%}.card-bottom{align-items:flex-start;flex-direction:column;gap:20px}.card-stack{max-width:100%}.projects-header h2{font-size:2.5rem}.project-detail-overlay{padding:70px 24px 40px}.detail-close{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0a0a0ad9;border:1px solid var(--gray-2);border-radius:4px;padding:6px 12px;position:absolute;right:24px;top:20px;z-index:1005}.detail-title{font-size:2.2rem;line-height:1.1;margin-top:20px}.detail-short-desc{font-size:1.15rem;margin-bottom:30px}.architecture-block{font-size:.8rem;line-height:1.6;padding:20px}}.exp-section{background-color:#0c0c0c;border-top:1px solid var(--gray-2);padding:var(--py-hero) var(--px-hero);position:relative;z-index:2}.exp-container{margin:0 auto;max-width:1100px;text-align:left}.exp-header{margin-bottom:64px;text-align:center}.exp-header h2{color:var(--white);font-family:var(--font-heading);font-size:3rem;font-weight:500;letter-spacing:-.03em;margin:0}.exp-subtext{color:var(--gray-4);display:block;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.05em;margin-top:10px;text-transform:uppercase}.exp-log-container{display:flex;flex-direction:column;gap:30px}.exp-block{background-color:#101010;border:1px solid var(--gray-2);border-radius:4px;cursor:pointer;overflow:hidden;padding:40px;position:relative;transition:background-color var(--t-med),border-color var(--t-med),transform var(--t-spring)}.exp-block:hover{background-color:#161616;border-color:var(--gray-4)}.exp-mondrian-bar{bottom:0;display:flex;flex-direction:column;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform var(--t-spring);width:3px;z-index:5}.exp-bar-red{background-color:var(--accent-red);flex:2 1}.exp-bar-blue{background-color:var(--accent-blue);flex:1 1}.exp-bar-yellow{background-color:var(--accent-yellow);flex:3 1}.exp-block:hover .exp-mondrian-bar{transform:scaleY(1)}.exp-metadata{align-items:center;color:var(--gray-4);display:flex;font-family:var(--font-mono);font-size:.9rem;gap:20px;line-height:1}.exp-meta-period{color:var(--gray-5);font-weight:500}.exp-meta-role{color:var(--white);font-weight:500}.exp-meta-divider{opacity:.3}.exp-meta-org{color:var(--gray-4)}.exp-divider-line{background-color:var(--gray-2);height:1px;margin:24px 0;opacity:.3;transition:opacity var(--t-med)}.exp-block:hover .exp-divider-line{opacity:.7}.exp-body{display:flex;flex-direction:column;gap:24px}.exp-overview{color:var(--gray-6);font-family:var(--font-body);font-size:1.15rem;line-height:1.5;margin:0;max-width:900px}.exp-contributions{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.exp-bullet{align-items:flex-start;color:var(--gray-5);display:flex;font-family:var(--font-body);font-size:1.05rem;line-height:1.5}.exp-bullet:before{color:var(--gray-4);content:"•";font-size:1.2rem;line-height:1.25;margin-right:15px}.exp-tech-stack{color:var(--gray-4);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;margin-top:10px}@media (max-width:1024px){.exp-section{padding:100px 48px}}@media (max-width:768px){.exp-section{padding:80px 24px}.exp-block{padding:30px 24px}.exp-metadata{flex-wrap:wrap;gap:10px;line-height:1.4}.exp-meta-divider{display:none}.exp-meta-org{width:100%}.exp-overview{font-size:1.05rem}.exp-bullet{font-size:.95rem}}.contact-section{align-items:center;background-color:var(--black);border-top:1px solid var(--gray-2);display:flex;justify-content:center;padding:120px 24px;position:relative;z-index:2}.contact-container{max-width:600px;text-align:center;width:100%}.contact-title{color:var(--white);font-family:var(--font-heading);font-size:clamp(36px,4vw,44px);font-weight:500;letter-spacing:-.02em;margin-bottom:16px}.contact-info{align-items:center;color:var(--gray-4);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:1rem;gap:16px;margin-bottom:0;margin-top:40px}.contact-item{display:flex;gap:8px;justify-content:center;margin:0}.contact-label{color:var(--gray-5);font-weight:500}.contact-link,.contact-value{color:var(--white)}.contact-link{cursor:none;transition:color var(--t-fast)}.contact-link:hover{color:var(--gray-4);text-decoration:underline;text-underline-offset:4px}.contact-btn{background:#0000;border:1px solid var(--white);border-radius:2px;color:var(--white);cursor:none;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.05em;padding:14px 36px;text-transform:uppercase;transition:background-color var(--t-med),color var(--t-med),transform var(--t-fast)}.contact-btn:hover{background-color:var(--white);color:var(--black);transform:translateY(-2px)}.contact-btn:active{transform:translateY(0)}@media (max-width:640px){.contact-section{padding:80px 24px}.contact-title{font-size:32px}.contact-info{font-size:.9rem;gap:12px;margin-bottom:36px}.contact-item{align-items:center;flex-direction:column;gap:4px}.contact-btn{padding:13px 24px;width:100%}}.footer{background-color:#080808;border-top:1px solid var(--gray-2);padding:32px var(--px-hero);position:relative;z-index:2}.footer-container{color:var(--gray-4);display:flex;font-family:var(--font-mono);font-size:.8rem;justify-content:center;letter-spacing:.02em;margin:0 auto;max-width:1440px;text-align:center}.footer-copyright{color:var(--gray-4);font-weight:400}@media (max-width:768px){.footer{padding:24px}.footer-container{font-size:.75rem}}.nexus-page-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px 80px;position:relative;z-index:10}.nexus-nav{margin-bottom:60px}.nexus-back-btn{align-items:center;background:#0000;border:none;color:var(--white);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:10px;opacity:.7;padding:10px 0;transition:opacity .3s ease,transform .3s ease}.nexus-back-btn:hover{opacity:1;transform:translateX(-5px)}.nexus-content{gap:40px}.nexus-content,.nexus-header{display:flex;flex-direction:column}.nexus-header{gap:30px;margin-bottom:20px}.nexus-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.nexus-subtitle{color:var(--white);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:300;opacity:.8}.nexus-meta{display:flex;flex-wrap:wrap;gap:20px}.nexus-section h2{color:var(--white);display:inline-block;font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:25px;position:relative}.nexus-section h2:after{background:var(--white);bottom:-8px;content:"";height:2px;left:0;opacity:.3;position:absolute;width:40px}.nexus-section p{font-size:1.1rem;line-height:1.8;opacity:.8}.nexus-list{display:flex;flex-direction:column;gap:20px;list-style:none}.nexus-list li{font-size:1.05rem;line-height:1.7;opacity:.8;padding-left:20px;position:relative}.nexus-list li:before{color:var(--white);content:"▹";left:0;opacity:.5;position:absolute}.nexus-list li strong{color:var(--white);font-weight:600;opacity:1}.nexus-stack-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.nexus-stack-grid{grid-template-columns:1fr 1fr}}.vertex-page-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px 80px;position:relative;z-index:10}.vertex-nav{margin-bottom:60px}.vertex-back-btn{align-items:center;background:#0000;border:none;color:var(--white);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:10px;opacity:.7;padding:10px 0;transition:opacity .3s ease,transform .3s ease}.vertex-back-btn:hover{opacity:1;transform:translateX(-5px)}.vertex-content{gap:40px}.vertex-content,.vertex-header{display:flex;flex-direction:column}.vertex-header{gap:30px;margin-bottom:20px}.vertex-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.vertex-subtitle{color:var(--white);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:300;opacity:.8}.vertex-meta{display:flex;flex-wrap:wrap;gap:20px}.vertex-section h2{color:var(--white);display:inline-block;font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:25px;position:relative}.vertex-section h2:after{background:var(--white);bottom:-8px;content:"";height:2px;left:0;opacity:.3;position:absolute;width:40px}.vertex-section p{font-size:1.1rem;line-height:1.8;opacity:.8}.vertex-subsection-title{color:var(--white);font-size:1.3rem;font-weight:600;margin-bottom:15px;margin-top:30px;opacity:.9}.vertex-list{display:flex;flex-direction:column;gap:20px;list-style:none}.vertex-list li{font-size:1.05rem;line-height:1.7;opacity:.8;padding-left:20px;position:relative}.vertex-list li:before{color:var(--white);content:"▹";left:0;opacity:.5;position:absolute}.vertex-list li strong{color:var(--white);font-weight:600;opacity:1}.vertex-stack-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.vertex-stack-grid{grid-template-columns:1fr 1fr}}.neoplane-page-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px 80px;position:relative;z-index:10}.neoplane-nav{margin-bottom:60px}.neoplane-back-btn{align-items:center;background:#0000;border:none;color:var(--white);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:10px;opacity:.7;padding:10px 0;transition:opacity .3s ease,transform .3s ease}.neoplane-back-btn:hover{opacity:1;transform:translateX(-5px)}.neoplane-content{display:flex;flex-direction:column;gap:40px}.neoplane-header{display:flex;flex-direction:column;gap:30px;margin-bottom:20px}.neoplane-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.neoplane-subtitle{color:var(--white);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:300;opacity:.8}.neoplane-meta{display:flex;flex-wrap:wrap;gap:20px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-label{font-size:.85rem;font-weight:600;letter-spacing:.05em;opacity:.5;text-transform:uppercase}.meta-link{color:var(--white);font-size:1rem;text-decoration:underline;-webkit-text-decoration-color:#ffffff4d;text-decoration-color:#ffffff4d;text-underline-offset:4px;transition:-webkit-text-decoration-color .3s ease;transition:text-decoration-color .3s ease;transition:text-decoration-color .3s ease,-webkit-text-decoration-color .3s ease}.meta-link:hover{-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.neoplane-section h2{color:var(--white);display:inline-block;font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:25px;position:relative}.neoplane-section h2:after{background:var(--white);bottom:-8px;content:"";height:2px;left:0;opacity:.3;position:absolute;width:40px}.neoplane-section p{font-size:1.1rem;line-height:1.8;opacity:.8}.neoplane-subsection-title{color:var(--white);font-size:1.3rem;font-weight:600;margin-bottom:15px;margin-top:30px;opacity:.9}.neoplane-list{display:flex;flex-direction:column;gap:20px;list-style:none}.neoplane-list li{font-size:1.05rem;line-height:1.7;opacity:.8;padding-left:20px;position:relative}.neoplane-list li:before{color:var(--white);content:"▹";left:0;opacity:.5;position:absolute}.neoplane-list li strong{color:var(--white);font-weight:600;opacity:1}.neoplane-stack-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.neoplane-stack-grid{grid-template-columns:1fr 1fr}}.debugger-page-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px 80px;position:relative;z-index:10}.debugger-nav{margin-bottom:60px}.debugger-back-btn{align-items:center;background:#0000;border:none;color:var(--white);display:flex;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:10px;opacity:.7;padding:10px 0;transition:opacity .3s ease,transform .3s ease}.debugger-back-btn:hover{opacity:1;transform:translateX(-5px)}.debugger-content{display:flex;flex-direction:column;gap:40px}.debugger-header{display:flex;flex-direction:column;gap:30px;margin-bottom:20px}.debugger-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.debugger-subtitle{color:var(--white);font-size:clamp(1.2rem,3vw,1.5rem);font-weight:300;opacity:.8}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 40px #0003;padding:40px}.debugger-section h2{color:var(--white);display:inline-block;font-family:var(--font-heading);font-size:1.8rem;font-weight:600;margin-bottom:25px;position:relative}.debugger-section h2:after{background:var(--white);bottom:-8px;content:"";height:2px;left:0;opacity:.3;position:absolute;width:40px}.debugger-section p{font-size:1.1rem;line-height:1.8;opacity:.8}.debugger-subsection-title{color:var(--white);font-size:1.3rem;font-weight:600;margin-bottom:15px;margin-top:30px;opacity:.9}.debugger-list{display:flex;flex-direction:column;gap:20px;list-style:none}.debugger-list li{font-size:1.05rem;line-height:1.7;opacity:.8;padding-left:20px;position:relative}.debugger-list li:before{color:var(--white);content:"▹";left:0;opacity:.5;position:absolute}.debugger-list li strong{color:var(--white);font-weight:600;opacity:1}.debugger-stack-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}@media (min-width:768px){.debugger-stack-grid{grid-template-columns:1fr 1fr}}.stack-column h3{font-size:1.2rem;font-weight:500;margin-bottom:15px;opacity:.9}.stack-column ul{display:flex;flex-direction:column;gap:15px;list-style:none}.stack-column li{font-size:1rem;opacity:.8}.stack-column strong{display:block;font-size:.85rem;letter-spacing:.05em;margin-bottom:2px;opacity:.6;text-transform:uppercase}@media (max-width:768px){.glass-panel{padding:30px 20px}}
/*# sourceMappingURL=main.f20b97e5.css.map*/