.dot-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 5vw;z-index:1}.hero-content{max-width:1400px;width:100%;margin:0 auto}.hero-main{display:grid;grid-template-columns:1.5fr 1fr;gap:6rem;align-items:center}.hero-text{display:flex;flex-direction:column;gap:2rem}.eyebrow{font-family:JetBrains Mono,monospace;font-size:clamp(12px,1vw,14px);letter-spacing:.15em;text-transform:uppercase;color:var(--white)}.hero-title{font-size:clamp(60px,10vw,140px);font-weight:700;line-height:.9;letter-spacing:-.03em}.hero-title .highlight{display:inline-block;color:var(--white)}.hero-subtitle{font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.5;color:var(--gray);max-width:600px}.hero-quick-stats{display:flex;gap:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.quick-stat{display:flex;flex-direction:column;gap:.3rem}.stat-value{font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--white)}.stat-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}.cta-group{display:flex;gap:2rem;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;font-size:15px;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;position:relative}.cta-primary{background:var(--white);color:var(--black);border:1px solid var(--white)}.cta-primary:hover{background:transparent;color:var(--white)}.cta-secondary{background:transparent;color:var(--white);border:1px solid var(--white)}.cta-secondary:hover{background:var(--white);color:var(--black)}.hero-image-wrapper{display:flex;flex-direction:column;gap:2rem;align-items:flex-end}.hero-profile-image{width:100%;max-width:400px;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.15);transition:all .3s ease;position:relative;outline:12px solid transparent;outline-offset:-12px;background:linear-gradient(to right,white 2px,transparent 2px) top-left,linear-gradient(to bottom,white 2px,transparent 2px) top-left,linear-gradient(to left,white 2px,transparent 2px) top-right,linear-gradient(to bottom,white 2px,transparent 2px) top-right,linear-gradient(to right,white 2px,transparent 2px) bottom-right,linear-gradient(to top,white 2px,transparent 2px) bottom-right,linear-gradient(to left,white 2px,transparent 2px) bottom-left,linear-gradient(to top,white 2px,transparent 2px) bottom-left;background-size:12px 12px;background-position:top-left,top-left,top-right,top-right,bottom-right,bottom-right,bottom-left,bottom-left;background-repeat:no-repeat}.hero-profile-image:hover{transform:scale(1.02)}.hero-links{display:flex;gap:1rem;flex-wrap:wrap}.hero-link{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--white);text-decoration:none;border:1px solid var(--white);padding:.6rem 1.2rem;transition:all .15s ease;display:flex;align-items:center;gap:.5rem}.hero-link:hover{background:var(--white);color:var(--black)}.hero-link-icon{width:16px;height:16px}@media(max-width:1024px){.hero-main{grid-template-columns:1fr;gap:4rem}.hero-image-wrapper{align-items:center}.hero-profile-image{max-width:300px}.hero-quick-stats{gap:2rem}}@media(max-width:768px){.hero-quick-stats{flex-direction:column;gap:1.5rem}.hero-profile-image{max-width:250px}.hero-links{justify-content:center}}.experience-section{position:relative;min-height:100vh;padding:10vh 5vw;z-index:1}.experience-timeline{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.experience-item{border-left:2px solid rgba(255,255,255,.15);padding-left:3rem;position:relative}.experience-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;background:var(--white);border-radius:50%}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.experience-left{flex:1}.experience-company{font-size:clamp(24px,3vw,32px);font-weight:600;margin-bottom:.5rem}.experience-role{font-size:clamp(16px,1.5vw,18px);color:var(--gray);font-weight:400}.experience-right{text-align:right}.experience-period{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--white);margin-bottom:.3rem}.experience-location{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--gray)}.experience-description{font-size:16px;line-height:1.6;color:var(--gray);margin-bottom:1.5rem}.experience-achievements{list-style:none;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.8rem}.experience-achievements li{font-size:15px;line-height:1.6;color:var(--white);padding-left:1.5rem;position:relative}.experience-achievements li:before{content:"→";position:absolute;left:0;color:var(--white)}.experience-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.experience-item{padding-left:2rem}.experience-header{flex-direction:column;gap:1rem}.experience-right{text-align:left}.experience-achievements li{font-size:14px}}.project-card{position:relative;background:var(--black);border:1px solid rgba(255,255,255,.15);overflow:visible;cursor:pointer;aspect-ratio:4/3;transition:border-color .2s ease,min-height .3s ease;min-height:380px;z-index:20}.project-card.award-winning{border:2px solid rgba(255,255,255,.4)}.project-card:hover{border-color:var(--white);min-height:420px;z-index:99}.project-image{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .2s ease,transform .2s ease}.project-card:hover .project-image{opacity:.3;transform:scale(1.02)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;z-index:2}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-number{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--white);letter-spacing:.1em}.project-year{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--gray)}.project-title{font-size:clamp(24px,2.5vw,36px);font-weight:600;margin-bottom:.5rem;line-height:1.1}.project-subtitle{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--gray);letter-spacing:.05em;margin-bottom:1rem}.project-expanded{max-height:0;overflow:hidden;transition:max-height .3s ease}.project-card:hover .project-expanded{max-height:350px}.project-description{color:var(--gray);line-height:1.5;font-size:14px;margin-bottom:1rem}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.detail-item{display:flex;flex-direction:column;gap:.3rem}.detail-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray)}.detail-value{font-size:13px;color:var(--white)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-family:JetBrains Mono,monospace;font-size:10px;padding:.3rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);letter-spacing:.05em}.project-link-text{margin-top:auto;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--white);opacity:0;transition:opacity .2s ease}.project-card:hover .project-link-text{opacity:1}.award-badge{position:absolute;bottom:1rem;right:2rem;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:var(--black);padding:.5rem 1rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;z-index:10;box-shadow:0 4px 16px #fff3;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 4px 16px #fff3;transform:scale(1)}50%{box-shadow:0 6px 24px #fff6;transform:scale(1.05)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.modal-content{position:relative;background:var(--black);border:1px solid rgba(255,255,255,.15);max-width:1200px;width:100%;padding:3rem;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:2rem;right:2rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--white);font-size:24px;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;z-index:10}.modal-close:hover{border-color:var(--white);background:#ffffff1a}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header-right{flex-shrink:0;margin-left:2rem;padding-right:50px}.modal-title-section{display:flex;gap:2rem;align-items:flex-start}.modal-number{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;color:#fff3;min-width:60px}.modal-title{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.modal-subtitle{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--gray);letter-spacing:.05em;margin:0}.modal-year{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--gray)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.modal-image-section{display:flex;flex-direction:column}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.modal-image{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.modal-video{width:100%;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.15);display:block}.image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:1px solid rgba(255,255,255,.3);color:var(--white);font-size:32px;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0;line-height:1}.image-nav:hover{background:#000000e6;border-color:var(--white)}.image-prev{left:1rem}.image-next{right:1rem}.image-counter{position:absolute;bottom:1rem;right:1rem;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--white);background:#000c;padding:.5rem .8rem;border:1px solid rgba(255,255,255,.3)}.modal-details-section{display:flex;flex-direction:column}.modal-section-title{font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:0 0 1rem;color:var(--white)}.modal-description{font-size:16px;line-height:1.7;color:var(--gray);margin:0 0 2rem}.modal-extended{font-size:15px;line-height:1.8;color:var(--gray);margin:0 0 2rem;padding:1.5rem;background:#ffffff08;border-left:2px solid rgba(255,255,255,.2)}.modal-extended p{margin:0 0 1rem}.modal-extended p:last-child{margin-bottom:0}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray)}.meta-value{font-size:15px;font-weight:500;color:var(--white)}.modal-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.modal-tag{font-family:JetBrains Mono,monospace;font-size:11px;padding:.5rem .9rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);letter-spacing:.05em;display:inline-block}.modal-cta{display:inline-block;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--white);background:transparent;border:1px solid var(--white);padding:.8rem 1.5rem;text-decoration:none;transition:all .15s ease;width:fit-content}.modal-cta:hover{background:var(--white);color:var(--black)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#fff3}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:900px){.modal-content{padding:2rem}.modal-body{grid-template-columns:1fr;gap:2rem}.modal-close{width:36px;height:36px;font-size:20px}.modal-title{font-size:clamp(24px,4vw,36px)}}@media(max-width:600px){.modal-backdrop{padding:1rem}.modal-content{padding:1.5rem;max-height:95vh}.modal-header{flex-direction:column;gap:1rem}.modal-meta{grid-template-columns:1fr}.modal-title-section{gap:1rem}.modal-number{font-size:24px}}.projects-section{position:relative;min-height:100vh;padding:10vh 5vw;z-index:1}.section-title{font-size:clamp(40px,6vw,80px);font-weight:700;margin-bottom:4rem;letter-spacing:-.02em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--gray: #888888}body{background:var(--black);color:var(--white);font-family:Space Grotesk,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}