body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%}.tech-hero-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100%}.text-marquee-container{background-color:#000;left:0;overflow:hidden;padding:12px 0;position:fixed;top:0;width:100%;z-index:1000}.text-marquee{animation:marquee 40s linear infinite;animation-direction:reverse;display:inline-block;white-space:nowrap}.text-marquee span{color:#fff9;display:inline-block;font-size:14px;font-weight:400;letter-spacing:.02em}.tech-headline-container{align-items:center;margin:0 auto;max-width:1400px;padding:0 24px;text-align:center}.tech-headline-container h1{word-wrap:break-word;font-size:clamp(2.2rem,5vw,5rem);font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.02em;line-height:1.2;margin:0;overflow-wrap:break-word}.tech-headline-container a{color:#fff;position:relative;text-decoration:underline;text-decoration-color:#ffffff4d;text-decoration-thickness:2px;text-underline-offset:4px;transition:all .2s ease}.tech-headline-container a:hover{text-decoration-color:#fff}.home-link-container{align-items:center;display:flex;justify-content:flex-end;pointer-events:none;position:absolute;right:20px;top:20px;width:auto;z-index:100}.home-link{color:#fff;display:inline-block;font-size:1.1rem;font-weight:500;padding:8px 12px;pointer-events:auto;text-decoration:none;transition:all .3s ease}.home-link:hover{text-decoration:underline}@media (max-width:1440px){.tech-headline-container h1{font-size:clamp(2.4rem,4.5vw,4.5rem)}}@media (max-width:1200px){.tech-headline-container h1{font-size:clamp(2.3rem,4vw,4rem)}}@media (max-width:992px){.tech-headline-container h1{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.25}}@media (max-width:768px){.tech-headline-container{padding:0 20px}.tech-headline-container h1{font-size:clamp(2.8rem,3.5vw,3rem);line-height:1.3}.home-link-container{right:20px;top:20px}.home-link{font-size:1rem;padding:6px 10px}.text-marquee span{font-size:15px}}@media (max-width:576px){.tech-headline-container{padding:0 16px}.tech-headline-container h1{font-size:clamp(2rem,5vw,1.5rem);letter-spacing:-.09em;line-height:1.1;word-spacing:.2em}.home-link-container{right:16px;top:20px}.home-link{font-size:1.1rem;padding:6px 10px}.text-marquee span{font-size:16px}}@media (max-width:375px){.tech-headline-container{padding:0 12px}.tech-headline-container h1{font-size:clamp(1.5rem,4.5vw,2.4rem);line-height:1.35}.home-link-container{right:12px;top:20px}.home-link{font-size:1rem;padding:5px 10px}}@media (max-width:320px){.tech-headline-container h1{font-size:clamp(1.6rem,4.2vw,2.2rem);line-height:1.4}.home-link{font-size:1rem}}.experience-container{display:flex;flex-direction:column;gap:120px;margin:120px auto 0;max-width:900px;padding:0 24px;width:100%}.experience-item{align-items:flex-start;display:flex;gap:20px}.company-logo{align-items:center;background-color:#333;border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.company-logo img{height:100%;object-fit:contain;padding:10px;width:100%}.experience-content{display:flex;flex-direction:column;gap:8px}.company-name{color:#fff;font-size:1.25rem;font-weight:400}.job-title{word-wrap:break-word;color:#fff;font-size:clamp(2.2rem,4vw,4.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px;overflow-wrap:break-word}.job-details{color:#fff;display:flex;font-size:1.125rem;font-weight:400;gap:16px}.job-description{color:#ffffffb3;font-size:1.125rem;line-height:1.5;margin-top:8px;max-width:650px}.bio-container{margin:100px auto;max-width:1200px;padding:0 24px;width:100%}.bio-text{max-width:950px}.bio-text p{color:#fff;font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:400;line-height:1.5}.bio-text a{color:#fff;text-decoration:underline;text-decoration-color:#ffffff4d;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}.bio-text a:hover{text-decoration-color:#fff}@media (max-width:768px){.experience-container{gap:100px;margin-top:100px;padding:0 20px}.job-title{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.25}.company-logo{height:70px;width:70px}.company-name{font-size:1.125rem}.job-description,.job-details{font-size:1rem}.bio-container{margin:80px auto;padding:0 20px}.bio-text p{font-size:clamp(1rem,1.6vw,1.4rem)}}@media (max-width:576px){.experience-container{gap:80px;margin-top:80px;padding:0 16px}.experience-item{gap:15px}.company-logo{height:60px;width:60px}.job-title{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.25}.company-name{font-size:1.2rem}.job-details{flex-wrap:wrap;font-size:1.1rem;gap:12px}.job-description{font-size:1.1rem;line-height:1.4}.bio-container{margin:60px auto;padding:0 16px}.bio-text p{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.5}}@media (max-width:375px){.job-title{font-size:clamp(1.7rem,3.8vw,3rem)}.company-name{font-size:1.15rem}.job-description,.job-details{font-size:1.05rem}.bio-text p{font-size:clamp(1.15rem,1.9vw,1.3rem)}}@media (max-width:320px){.job-title{font-size:clamp(1.6rem,3.6vw,2.8rem)}.bio-text p{font-size:clamp(1.1rem,1.8vw,1.25rem)}}.code-editor{max-width:min(1300px,92vw);padding:min(30px,4vw) 0;transform:translateZ(0);will-change:transform}.tech-headline-container{display:flex;justify-content:center;margin:min(120px,15vh) auto min(80px,10vh);overflow:hidden;padding:0 max(10px,2vw);width:100%}.line-numbers{flex-shrink:0;margin-right:clamp(6px,1.5vw,18px);min-width:clamp(25px,3vw,45px);padding:0 clamp(6px,1.5vw,18px)}.code-content{padding-right:clamp(15px,2.5vw,30px);width:100%}code{white-space:pre-wrap;width:100%}.indent,code{display:block}.indent{margin-left:clamp(15px,3vw,40px)}.comment{color:#6a9955}@media (min-width:1601px){.code-editor{font-size:1.6rem;max-width:1400px;padding:35px 0}.tech-headline-container{margin:140px auto 90px}.indent{margin-left:45px}}@media (max-width:1600px) and (min-width:1201px){.code-editor{font-size:1.5rem;max-width:1300px}}@media (max-width:1200px) and (min-width:993px){.code-editor{font-size:1.3rem;max-width:92%;padding:28px 0}.tech-headline-container{margin:100px auto 70px}.indent{margin-left:35px}}@media (max-width:992px) and (min-width:769px){.code-editor{font-size:1.1rem;line-height:2;max-width:94%;padding:25px 0}.indent{margin-left:30px}.tech-headline-container{margin:90px auto 60px}}@media (max-width:768px) and (min-width:577px){.code-editor{font-size:.95rem;line-height:1.9;max-width:95%;padding:20px 0}.indent{margin-left:25px}.line-numbers{margin-right:10px;min-width:35px;padding:0 10px}.tech-headline-container{margin:80px auto 50px}}@media (max-width:576px) and (min-width:376px){.code-editor{font-size:.85rem;line-height:1.8;max-width:96%;padding:15px 0}.indent{margin-left:20px}.line-numbers{margin-right:8px;min-width:30px;padding:0 8px}.tech-headline-container{margin:70px auto 40px}}@media (max-width:375px){.code-editor{font-size:.7rem;line-height:1.7;max-width:98%;padding:12px 0}.indent{margin-left:15px}.line-numbers{margin-right:6px;min-width:25px;padding:0 6px}.tech-headline-container{margin:60px auto 30px;padding:0 5px}}@media (orientation:landscape) and (max-height:600px){.tech-headline-container{margin:80px auto 40px}.code-editor{line-height:1.8}}@media print{.code-editor{border:1px solid #ccc;box-shadow:none;font-size:10pt;line-height:1.5}.line-numbers{color:#555}.class-name,.comment,.keyword,.param,.string{color:#000}}@media (max-width:768px){.experience-container{gap:100px;margin-top:100px;padding:0 20px}.job-title{font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.25}.company-logo{height:70px;width:70px}.company-name{font-size:1.125rem}.job-description,.job-details{font-size:1rem}.bio-container{margin:80px auto;padding:0 20px}.bio-text p{font-size:clamp(1rem,1.6vw,1.4rem)}.footer-bottom{align-items:center;flex-direction:column;gap:30px}.footer-bottom,.footer-copyright{text-align:center}.cta-title,.footer-cta{margin-bottom:60px}.cta-title{font-size:clamp(3rem,5vw,3.5rem)}}@media (max-width:576px){.experience-container{gap:80px;margin-top:80px;padding:0 16px}.experience-item{gap:15px}.company-logo{height:60px;width:60px}.job-title{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.25}.company-name{font-size:1.1rem}.job-details{flex-wrap:wrap;font-size:.95rem;gap:12px}.job-description{font-size:.95rem;line-height:1.4}.bio-container{margin:60px auto;padding:0 16px}.bio-text p{font-size:clamp(.95rem,1.6vw,1.2rem)}.social-link{font-size:.8rem;padding:6px 12px}.footer-social{flex-wrap:wrap;gap:15px;justify-content:center}.cta-title{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:40px}.contact-info{font-size:1rem}.peace-container{height:clamp(40px,6vw,60px);width:clamp(40px,6vw,60px)}}@media (max-width:375px){.experience-container{gap:70px;margin-top:60px}.job-title{font-size:clamp(1.5rem,3.5vw,2.5rem)}.company-logo{height:50px;width:50px}.job-details{gap:10px}.job-description,.job-details{font-size:.9rem}.footer-cta{margin-bottom:40px}.cta-title{font-size:clamp(1.8rem,4.5vw,2.2rem);margin-bottom:30px}.contact-info{font-size:.9rem}.footer-copyright,.footer-credit{font-size:.8rem}.social-link{font-size:.75rem;padding:5px 10px}}html{scroll-behavior:smooth}a:focus,button:focus{outline:2px solid #4ec9b0;outline-offset:2px}@media (max-width:768px){.back-to-top,.home-link,.social-link{padding:10px 16px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.code-editor{background-color:#000;border:1px solid #333;border-radius:8px;box-shadow:0 5px 35px #00000080;display:flex;font-family:Consolas,Monaco,Courier New,monospace;font-size:clamp(.7rem,2.2vw,1.6rem);line-height:clamp(1.6,3vw,2.2);margin:0 auto;max-width:1300px;overflow-x:visible;padding:30px 0;width:100%}.line-numbers{align-items:flex-end;border-right:1px solid #444;color:#858585;display:flex;flex-direction:column;margin-right:18px;min-width:45px;padding:0 18px;-webkit-user-select:none;user-select:none}.code-content{-webkit-overflow-scrolling:touch;color:#d4d4d4;flex:1 1;overflow-x:auto;padding-right:30px;text-align:left}.indent{margin-left:40px}.keyword{color:#569cd6}.class-name{color:#4ec9b0}.string{color:#ce9178}.comment{color:#599040;font-style:italic}.param{color:#9cdcfe}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.about-page-container{background-color:#000;display:flex;flex-direction:column;min-height:100vh;width:100%}.page-header{background-color:#000;border-bottom:1px solid #333;padding:20px 30px;width:100%}.page-header h1{color:#fff;font-size:28px;font-weight:700;text-align:left}.main-content,.page-header h1{margin:0 auto;max-width:1200px}.main-content{padding:30px;width:100%}.featured-content{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.featured-image-box.portrait{background-color:#111;border-radius:8px;box-shadow:0 6px 24px #0000004d;height:450px;margin-bottom:25px;overflow:hidden;width:320px}.featured-image{display:block;height:100%;object-fit:cover;width:100%}.bio-section{margin:0 auto;max-width:700px;width:100%}.bio-text{color:#ccc;font-size:16px;line-height:1.7;text-align:center}.carousel-section{background-color:#000;padding:10px 0 30px;width:100%}.carousel-row-container{margin-bottom:25px;overflow:hidden;position:relative;width:100%}.carousel-row-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 30px}.carousel-row{-ms-overflow-style:none;display:flex;overflow-x:scroll;padding:0;scrollbar-width:none;white-space:nowrap;width:100%}.carousel-row::-webkit-scrollbar{display:none}.carousel-right:after{content:"→";right:20px}.carousel-left:after,.carousel-right:after{animation:pulse 2s infinite;color:#ffffff4d;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-left:after{content:"←";left:20px}.carousel-item{border-radius:4px;box-shadow:0 4px 12px #00000080;display:inline-block;flex:0 0 auto;height:160px;margin-right:12px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:160px}.carousel-item:hover{box-shadow:0 8px 20px #000000b3,0 0 15px #ffffff1a;transform:translateY(-5px);z-index:5}.carousel-image{display:block;height:100%;object-fit:cover;width:100%}.carousel-row-container:nth-child(odd){background-color:#ffffff05}.carousel-row-container:nth-child(2n){background-color:#ffffff03}@media (max-width:992px){.main-content{padding:25px 20px}.page-header{padding:15px 20px}.featured-image-box.portrait{height:400px;width:280px}.carousel-row-title{padding:0 20px}.carousel-item{height:140px;width:140px}}@media (max-width:767px){.featured-image-box.portrait{height:340px;width:240px}.bio-section{text-align:center}.bio-text{font-size:15px}.carousel-item{height:130px;margin-right:10px;width:130px}.carousel-left:after,.carousel-right:after{display:none}}@media (max-width:480px){.page-header h1{font-size:24px}.main-content{padding:20px 15px}.featured-image-box.portrait{height:280px;width:200px}.carousel-row-title{font-size:18px}.carousel-item{height:120px;margin-right:8px;width:120px}}.hero-container{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}body,html{background:#000;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.hero-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.nav{align-items:center;display:flex;justify-content:space-between;padding:20px;position:relative;width:100%;z-index:2}.logo{font-size:18px;font-weight:500}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{color:#fff;font-size:16px;text-decoration:none;transition:opacity .3s ease}.nav-links a:hover{opacity:.7}.hero-content{padding:20vh 20px 0}.text-gray{color:#ffffff80;display:block;margin-bottom:5px}@media (max-width:480px){.hero-content{padding-top:25vh}.hero-content h1{font-size:8vw}.text-gray{font-size:7vw;line-height:1.3}}.animated-text{color:#fff;display:block;height:1.2em;margin-top:.3em;overflow:hidden;position:relative}.typewriter-container{display:inline-block;position:relative}.typewriter-text{display:inline-block;font-size:1em;white-space:nowrap}.typewriter-text.typing{animation:typing 2s steps(30) forwards;overflow:hidden;width:0}.typewriter-text.deleting{animation:deleting 1.5s steps(30) forwards;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes deleting{0%{width:100%}to{width:0}}.cursor{animation:blink 1s step-end infinite;background-color:#fff;display:inline-block;height:1em;margin-left:2px;position:absolute;vertical-align:text-bottom;width:3px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:480px){.animated-text{margin-top:.5em}.typewriter-text{font-size:1.1em}}.cta-button:after{background-color:#fff;bottom:-4px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:100%}.cta-button:hover:after{width:0}.arrow{margin-right:8px}.scroll-indicator{align-items:center;bottom:30px;display:flex;font-size:14px;gap:8px;position:absolute;right:30px;z-index:2}.down-arrow{animation:bounce 2s infinite;font-size:16px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (min-width:1400px){.hero-content h1{font-size:5rem}}@media (max-width:768px){.nav{padding:20px}.hero-content{padding-top:25vh}.hero-content h1{font-size:9vw;line-height:1.3}.cta-button{font-size:16px;margin-top:40px}.scroll-indicator{bottom:20px;right:20px}}@media (max-width:480px){.nav{padding:15px}.logo{font-size:16px}.nav-links{gap:15px}.nav-links a{font-size:14px}.hero-content{gap:30px;padding-left:15px;padding-right:15px;padding-top:20vh}.hero-content h1{font-size:8vw}.text-gray{font-size:7vw}.scroll-indicator{bottom:15px;font-size:12px;right:15px}}.projects-grid{max-width:1200px;padding:0 20px}.project-card{aspect-ratio:16/9;border-radius:16px;box-shadow:0 12px 32px #00000080;margin-bottom:40px}.project-card:hover{box-shadow:0 20px 40px #000000b3;transform:scale(1.02)}.project-inner{padding:30px}.project-number{color:#ffffffb3;font-size:.9rem;font-weight:300;left:30px;letter-spacing:1px;position:absolute;top:30px}.project-title-bar{align-items:center;display:flex;position:absolute;right:30px;top:30px}.project-logo{height:24px;opacity:.8;width:24px}.project-image{width:45%}.project-image img{max-height:100%;max-width:100%;object-fit:contain}.project-content{padding-left:40px;width:55%}.project-heading{font-size:2.5rem;margin-bottom:15px}.project-description{font-size:1rem;max-width:90%}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:992px){.project-card{aspect-ratio:auto;height:auto}.project-inner{flex-direction:column;padding:25px}.project-image{margin-bottom:20px;min-height:200px;width:100%}.project-content{padding-left:0;width:100%}.project-heading{font-size:2rem}.project-number{left:25px;top:25px}.project-title-bar{right:25px;top:25px}}@media (max-width:576px){.work-section-title{font-size:1.5rem;margin-bottom:50px}.project-card{margin-bottom:30px}.project-inner{padding:20px}.project-heading{font-size:1.7rem}.project-description{font-size:.9rem}.project-number{font-size:.8rem;left:20px;top:20px}.project-title-bar{right:20px;top:20px}.project-logo{height:20px;width:20px}}.brands-section{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;padding:0 0 90px;width:100%}.brands-container{margin:0 auto;width:100%}.brands-title{color:#ffffffb3;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:2rem;font-weight:300;margin-bottom:40px;margin-left:20px;text-align:center}.brands-marquee-container{overflow:hidden;position:relative;width:100%}.brands-marquee{animation:marquee 35s linear infinite;display:flex;padding:20px 0;width:fit-content}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.brand-item{background-color:#2a2a2a;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:500;height:60px;justify-content:flex-start;margin:0 15px;min-width:180px;padding:15px 25px;white-space:nowrap}.brand-icon,.brand-item{align-items:center;display:flex}.brand-icon{height:24px;justify-content:center;margin-right:15px;width:24px}.brand-deimos{font-family:monospace;font-weight:300;letter-spacing:1.5px}.brand-modus{font-weight:400;letter-spacing:.5px}.brand-bitsika{font-weight:700}.brand-microsoft{font-weight:500}.brand-akqa{font-family:serif;font-weight:300;letter-spacing:2px}.brand-cloudinary{font-weight:400}@media (max-width:768px){.brands-title{font-size:1.8rem;margin-bottom:30px}.brand-item{font-size:1rem;height:50px;margin:0 10px;min-width:150px;padding:12px 20px}.brand-icon{height:20px;margin-right:10px;width:20px}}@media (max-width:480px){.brands-title{font-size:1.5rem;margin-bottom:25px}.brand-item{font-size:.9rem;height:45px;margin:0 8px;min-width:120px;padding:10px 15px}.brand-icon{height:16px;margin-right:8px;width:16px}}.footer-section.dark{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:90px 0 40px;position:relative;width:100%}.footer-cta{margin-bottom:80px;padding:0 20px;width:100%}.cta-container{margin:0 auto;max-width:1200px;text-align:center}.cta-title{display:inline-block;font-size:clamp(4.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:90px;position:relative;text-transform:uppercase}.peace-container{height:clamp(70px,8vw,90px);width:clamp(50px,8vw,90px)}.peace-icon{animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0deg)}92%{transform:rotate(0deg)}94%{transform:rotate(15deg)}96%{transform:rotate(-15deg)}98%{transform:rotate(10deg)}}.contact-info{font-size:clamp(1rem,2vw,1.2rem);margin-top:20px}.contact-info p{font-weight:400;margin-bottom:5px}.email-link{color:#fff;display:inline-block;font-weight:500;padding-right:30px;position:relative;text-decoration:none}.cursor-icon{animation:blink-cursor 2s infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:.5;transform:translateY(2px)}}.footer-divider{background-color:#ffffff1a;height:1px;margin:0 auto 30px;max-width:1200px}.footer-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-credit{color:#fffc;font-size:.9rem;font-weight:400;line-height:1.4}.footer-social{display:flex;gap:20px;justify-content:center}.social-link{border:1px solid #fff;border-radius:30px;color:#fff;display:inline-block;font-size:.9rem;padding:8px 15px;text-decoration:none;transition:all .2s ease}.social-link:hover{background-color:#fff;color:#000}.footer-copyright{color:#fffc;font-size:.9rem;line-height:1.4;text-align:right}.back-to-top{color:#fff;display:inline-block;font-weight:500;text-decoration:none;transition:transform .2s ease}.back-to-top:hover{transform:translateY(-3px)}.up-arrow{display:inline-block;font-size:1rem;margin-left:5px}@media (max-width:768px){.footer-bottom{align-items:center;flex-direction:column;gap:30px}.footer-bottom,.footer-copyright{text-align:center}.footer-cta{margin-bottom:60px}}@media (max-width:480px){.social-link{font-size:.8rem;padding:6px 12px}.footer-social{flex-wrap:wrap;justify-content:center}.cta-title{font-size:clamp(2rem,5vw,3rem)}}.peace-container{display:inline-block;height:clamp(40px,5vw,70px);margin-left:10px;position:relative;vertical-align:middle;width:clamp(40px,5vw,70px)}.peace-icon{animation:bob-peace 3s ease-in-out infinite;display:block;height:100%;object-fit:contain;width:100%}@keyframes bob-peace{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cursor-container{height:24px;position:absolute;right:0;top:0;width:24px}.cursor-icon{animation:bob-cursor 2.5s ease-in-out infinite;height:100%;object-fit:contain;width:100%}@keyframes bob-cursor{0%,to{opacity:1;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-5px) rotate(5deg)}}.open-to-work{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;margin-top:20px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.open-to-work:hover{animation:buttonBounce .5s ease;background-color:#ffffff26}@keyframes buttonBounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}80%{transform:translateY(-1px)}}.open-text{font-weight:400;margin-right:4px;opacity:.8}.status-dot{display:inline-flex;height:10px;margin-left:8px;position:relative;vertical-align:middle;width:10px}.status-dot,.status-dot:after{background-color:#4ade80;border-radius:50%}.status-dot:after{animation:pulse 2s infinite;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes pulse{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(1)}}.hero-content{gap:30px}@media (max-width:768px){.open-to-work{font-size:14px;padding:8px 16px}.status-dot{height:8px;width:8px}}@media (max-width:480px){.open-to-work{font-size:13px;padding:7px 14px}}.startup-overlay{align-items:center;background:linear-gradient(145deg,#1a1a1a,#121212);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease,visibility 1s ease;width:100%;z-index:9999}.startup-complete{opacity:0;visibility:hidden}.startup-overlay:before{animation:subtleGradientShift 8s ease-in-out infinite alternate;background:radial-gradient(ellipse at top left,#ff64641a 0,#0000 60%),radial-gradient(ellipse at bottom right,#6464ff1a 0,#0000 60%);content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:-1}@keyframes subtleGradientShift{0%{opacity:.3;transform:scale(1)}to{opacity:.5;transform:scale(1.2)}}.apple-logo{animation:fadeIn 1s ease .5s forwards;height:60px;margin-bottom:40px;opacity:0;position:relative;width:60px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hello-text{animation:fadeInSlideUp 1s ease .5s forwards;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:3.5rem;font-weight:300;margin-bottom:50px;opacity:0;position:relative}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-container{animation:fadeIn 1s ease 1.5s forwards;background-color:#fff3;border-radius:3px;height:5px;opacity:0;overflow:hidden;width:180px}.progress-bar{background-color:#fff;border-radius:3px;height:100%;transition:width .3s ease-out;width:0}.version-text{animation:fadeIn 1s ease 2s forwards;color:#fff9;font-size:.8rem;font-weight:400;margin-top:15px;opacity:0}.hero-container{opacity:0;transform:scale(1.05);transition:opacity 1.2s ease,transform 1.2s ease;will-change:opacity,transform}.hero-container.content-visible{opacity:1;transform:scale(1)}.content-visible .hero-canvas{animation:zoomFadeIn 1.5s ease-out forwards}@keyframes zoomFadeIn{0%{filter:blur(10px);opacity:.2;transform:scale(1.1)}to{filter:blur(0);opacity:1;transform:scale(1)}}@media (max-width:768px){.hello-text{font-size:2rem}.progress-container{width:150px}}@media (max-width:480px){.hello-text{font-size:1.8rem}.progress-container{width:120px}}.project-image video{border-radius:4px;max-height:100%;max-width:100%;object-fit:cover}.video-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:3}.project-card:hover .video-overlay{opacity:1}.play-indicator{align-items:center;background:#0009;border:2px solid #fff;border-radius:50%;display:flex;height:60px;justify-content:center;transition:transform .2s ease;width:60px}.project-card:hover .play-indicator{transform:scale(1.1)}.play-indicator svg{fill:#fff;height:24px;width:24px}@media (min-width:1200px){.project-image video{box-shadow:0 10px 30px #0003;margin:0 auto;max-height:100%;max-width:90%}}@media (max-width:767px){.play-indicator{height:50px;width:50px}.play-indicator svg{height:20px;width:20px}}.cta-button{align-items:center;animation:gradientShift 4s ease infinite;background:linear-gradient(45deg,#3b82f6,#ec4899,#8b5cf6,#06b6d4);background-size:300% 300%;border-radius:50px;box-shadow:0 4px 15px #3b82f64d;color:#fff;display:inline-flex;font-size:18px;font-weight:500;justify-content:center;margin-top:20px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap;width:fit-content}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cta-button:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px) scale(1.05)}.cta-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover .arrow{transform:translateX(4px)}.cta-button:active{transform:translateY(-1px) scale(.98)}.nav-links a,.nav-links a:focus{border:none!important;box-shadow:none!important;outline:none!important}@media (max-width:768px){.hero-container{display:flex!important;flex-direction:column!important;height:100vh!important;min-height:100vh!important}.hero-content{align-items:center!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:25px!important;justify-content:center!important;min-height:auto!important;padding:80px 15px 60px!important;position:relative!important;z-index:10!important}.hero-content h1{font-size:9.5vw!important;line-height:1.15!important;margin:0 auto!important;max-width:95%!important;transform:translateY(-20px)!important}.hero-content h1,.text-gray{position:relative!important;z-index:20!important}.text-gray{font-size:8.5vw!important;line-height:1.2!important;margin-bottom:5px!important}.animated-text{font-size:9.5vw!important;margin-top:.3em!important;position:relative!important;z-index:20!important}.open-to-work{margin:25px 0!important}.cta-button,.open-to-work{position:relative!important;z-index:15!important}.cta-button{font-size:17px!important;margin:25px 0 0!important;max-width:calc(100vw - 30px);min-height:46px!important;padding:13px 26px!important}.cta-button:hover{transform:translateY(-1px) scale(1.02)}.scroll-indicator{bottom:20px!important;font-size:12px!important;position:absolute!important;right:20px!important;z-index:15!important}.work-section{margin-top:0!important;padding-top:40px!important}.hero-canvas{z-index:1!important}.nav{position:relative!important;z-index:15!important}}@media (max-width:480px){.hero-container{height:100vh!important;min-height:100vh!important}.hero-content{gap:20px!important;padding:70px 10px 50px!important;z-index:10!important}.hero-content h1{font-size:9vw!important;line-height:1.15!important;max-width:95%!important;transform:translateY(-15px)!important;z-index:20!important}.text-gray{font-size:8vw!important;line-height:1.2!important;margin-bottom:4px!important;z-index:20!important}.animated-text{font-size:9vw!important;z-index:20!important}.open-to-work{margin:20px 0!important;z-index:15!important}.cta-button{background-size:400% 400%;font-size:15px!important;margin:20px 0 0!important;max-width:calc(100vw - 20px);min-height:42px!important;padding:11px 22px!important;z-index:15!important}.cta-button:hover{transform:translateY(-1px) scale(1.01)}.cta-button:before{opacity:.5}.scroll-indicator{bottom:15px!important;font-size:11px!important;right:15px!important;z-index:15!important}.work-section{padding-top:30px!important}}@media (max-width:360px){.hero-content{gap:15px!important;padding:60px 8px 40px!important;z-index:10!important}.hero-content h1{font-size:8.5vw!important;max-width:98%!important;transform:translateY(-10px)!important;z-index:20!important}.text-gray{font-size:7.5vw!important;margin-bottom:3px!important;z-index:20!important}.animated-text{font-size:8.5vw!important;z-index:20!important}.open-to-work{margin:15px 0!important;z-index:15!important}.cta-button{font-size:14px!important;margin:15px 0 0!important;max-width:calc(100vw - 16px);padding:9px 18px!important;z-index:15!important}.scroll-indicator{bottom:10px!important;right:10px!important;z-index:15!important}.work-section{padding-top:25px!important}}@media (hover:none) and (pointer:coarse){.cta-button:hover{box-shadow:0 4px 15px #3b82f64d;transform:none}.cta-button:active{transform:scale(.98);transition:transform .1s ease}}.hero-content{align-items:center;display:flex;flex-direction:column;gap:60px;margin:0 auto;padding:18vh 20px 0;position:relative;text-align:center;width:100%;z-index:2}.hero-content h1{font-size:7vw;font-weight:400;letter-spacing:-1px;line-height:1.2;margin:0 auto;max-width:100%;transform:translateY(-8px)}.work-section{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:100px 0;width:100%}.work-section-title{animation:fadeInUp .8s ease forwards;color:#ffffffb3;font-size:1.8rem;font-weight:300;letter-spacing:4px;margin-bottom:80px;opacity:0;text-align:center;text-transform:uppercase;transform:translateY(30px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projects-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px;padding:0 40px}.project-card{aspect-ratio:5/4;background-color:#1a1a1a;border-radius:20px;box-shadow:0 15px 40px #00000080;color:#fff;display:block;margin:0;max-width:none;overflow:hidden;position:relative;text-decoration:none;transform-origin:center;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1);width:100%;will-change:transform,opacity}.project-card:hover{box-shadow:0 25px 50px #000000b3;transform:scale(1.05)}.project-inner{flex-direction:column;height:100%;padding:35px}.project-image,.project-inner{display:flex;position:relative;width:100%}.project-image{align-items:center;height:75%;justify-content:center;margin-bottom:20px;overflow:hidden}.project-image img,.project-image video{border-radius:12px;box-shadow:0 10px 30px #0006;max-height:98%;max-width:98%;object-fit:contain}.project-content{display:flex;flex-direction:column;height:25%;justify-content:center;padding:0;text-align:center;width:100%}.project-heading{font-size:2.2rem;font-weight:500;line-height:1.2;margin-bottom:12px}.project-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;max-width:100%}.project-card.fade-in{opacity:0;transform:translateY(50px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.project-card.fade-in-visible{opacity:1;transform:translateY(0)}.project-image video{background-color:#111}.project-image video::-webkit-media-controls,.project-image video::-webkit-media-controls-panel{display:none!important}.project-image video::-webkit-media-controls-play-button,.project-image video::-webkit-media-controls-timeline{display:none!important}.project-image video::-webkit-media-controls-current-time-display,.project-image video::-webkit-media-controls-time-remaining-display{display:none!important}.project-image video::-webkit-media-controls-mute-button,.project-image video::-webkit-media-controls-toggle-closed-captions-button{display:none!important}.project-image video::-webkit-media-controls-volume-slider{display:none!important}.project-card:hover .project-image img,.project-card:hover .project-image video{transform:scale(1.08);transition:transform .3s ease}@media (max-width:1200px){.projects-grid{gap:40px;max-width:1200px;padding:0 30px}.project-inner{padding:30px}.project-heading{font-size:2rem}.project-description{font-size:1rem}}@media (max-width:992px) and (min-width:769px){.projects-grid{gap:30px;grid-template-columns:1fr;max-width:95vw;padding:0 20px}.project-card{aspect-ratio:16/9;max-width:none;width:100%}.project-inner{align-items:center;flex-direction:row!important;padding:40px}.project-image{align-items:center;display:flex;height:100%!important;justify-content:center;margin-bottom:0!important;margin-right:30px;width:60%!important}.project-image img,.project-image video{border-radius:12px;max-height:90%;max-width:100%;object-fit:cover}.project-content{display:flex;flex-direction:column;height:auto!important;justify-content:center;padding:0;text-align:left!important;width:40%!important}.project-heading{font-size:2.5rem;margin-bottom:20px}.project-description{font-size:1.1rem;line-height:1.7}}@media (max-width:768px){.projects-grid{gap:30px;grid-template-columns:1fr;max-width:600px;padding:0 20px}.project-card{aspect-ratio:5/4}.project-inner{padding:25px}.project-image{height:65%}.project-content{height:35%}.project-heading{font-size:1.6rem}.project-description{font-size:.9rem}}@media (max-width:576px){.projects-grid{gap:25px;max-width:500px;padding:0 15px}.project-card{aspect-ratio:5/4.5}.project-inner{padding:20px}.project-image{height:60%;margin-bottom:15px}.project-content{height:40%}.project-heading{font-size:1.4rem;margin-bottom:10px}.project-description{font-size:.85rem}}@media (max-width:480px){.projects-grid{max-width:450px;padding:0 10px}.project-inner{padding:18px}.project-heading{font-size:1.3rem}.project-description{font-size:.8rem}}.hero-portfolio-images-section{padding:32px 16px;position:relative;z-index:1}.hero-portfolio-images-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.hero-portfolio-image-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;height:200px;max-height:200px;min-height:200px;overflow:hidden;transition:all .3s ease;width:100%}.hero-portfolio-image-placeholder:hover{background-color:#1e1e1ef2;border-color:#fff3;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.hero-portfolio-placeholder-inner{background-color:#3c3c3c80;max-height:200px;min-height:200px}.hero-portfolio-placeholder-content,.hero-portfolio-placeholder-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.hero-portfolio-placeholder-img{height:100%;left:0;max-height:200px;object-fit:contain;position:absolute;top:0;transition:transform .3s ease;width:100%}.hero-portfolio-placeholder-text{color:#a0aec0;font-size:1rem;font-weight:500;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.hero-portfolio-image-placeholder:hover .hero-portfolio-placeholder-img{transform:scale(1.02)}.hero-portfolio-container *{box-sizing:border-box}.hero-portfolio-container{background-color:#000;color:#fff;font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative;width:100%}.hero-portfolio-canvas{background-color:#000!important;height:100vh!important;left:0!important;pointer-events:none!important;position:fixed!important;top:0!important;width:100vw!important;z-index:0!important}.hero-portfolio-header{border-bottom:1px solid #333;padding:32px 16px;position:relative;text-align:center;z-index:1}.hero-portfolio-title{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 20px}.hero-portfolio-profile-container{display:flex;justify-content:center;margin-bottom:16px}.hero-portfolio-profile-image{align-items:center;background-color:#b794f4;border-radius:50%;display:flex;height:96px;justify-content:center;overflow:hidden;width:96px}.hero-portfolio-profile-img{height:100%;object-fit:cover;width:100%}.hero-portfolio-name{color:#fff;font-size:1.875rem;font-weight:600;margin:0 0 16px}.hero-portfolio-bio{color:#ccc;line-height:1.6;margin:0 auto 24px;max-width:640px;padding:0 16px}.hero-portfolio-bio p{margin:0}.hero-portfolio-stats-section{border-bottom:1px solid #333;padding:32px 16px;position:relative;z-index:1}.hero-portfolio-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:960px}.hero-portfolio-stat-box{background-color:#333c;border:1px solid #ffffff1a;border-radius:8px;padding:20px;text-align:center;transition:transform .3s ease}.hero-portfolio-stat-box:hover{background-color:#333333e6;transform:translateY(-5px)}.hero-portfolio-stat-number{color:#b794f4;font-size:1.5rem;font-weight:700;margin:0 0 4px}.hero-portfolio-stat-label{color:#a0aec0;margin:0}.hero-portfolio-work-section{padding:32px 16px;position:relative;z-index:1}.hero-portfolio-work-content{margin:0 auto;max-width:1200px}.hero-portfolio-section-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.hero-portfolio-section-subtitle{color:#a0aec0;margin:0 0 16px}.hero-portfolio-featured-row{align-items:center;color:#a0aec0;display:flex;gap:8px;margin-bottom:16px}.hero-portfolio-featured-row svg{color:#a0aec0}.hero-portfolio-projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.hero-portfolio-project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e1e1ee6;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:180px;max-height:180px;overflow:hidden;transition:all .3s ease}.hero-portfolio-project-card:hover{background-color:#1e1e1ef2;border-color:#fff3;box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.hero-portfolio-project-inner{display:flex;flex-direction:column;height:100%;max-height:180px}.hero-portfolio-project-image{align-items:center;background-color:#33333380;display:flex;height:180px;justify-content:center;max-height:180px;min-height:180px;overflow:hidden;position:relative;width:100%}.hero-portfolio-project-img{height:100%;max-height:180px;object-fit:contain;transition:transform .3s ease;width:100%}.hero-portfolio-project-card:hover .hero-portfolio-project-img{transform:scale(1.05)}.hero-portfolio-footer{color:#666;font-size:.875rem;padding:16px;position:relative;text-align:center;z-index:1}.hero-portfolio-chat-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#4a5568e6;border:1px solid #ffffff1a;border-radius:50%;bottom:16px;cursor:pointer;display:flex;justify-content:center;left:16px;padding:12px;position:fixed;transition:background-color .3s ease;z-index:10}.hero-portfolio-chat-button:hover{background-color:#4a5568}.hero-portfolio-chat-button svg{color:#fff}.hero-portfolio-dimensions{bottom:8px;color:#555;font-size:.75rem;position:absolute;right:8px}@media (max-width:1024px){.hero-portfolio-projects-grid{gap:16px}.hero-portfolio-project-card{height:250px;max-height:250px}.hero-portfolio-project-image{height:250px;max-height:250px;min-height:250px}.hero-portfolio-project-img{max-height:250px}}@media (max-width:768px){.hero-portfolio-projects-grid{gap:16px;grid-template-columns:1fr}.hero-portfolio-project-card{height:250px;max-height:250px}.hero-portfolio-project-image{height:250px;max-height:250px;min-height:250px}.hero-portfolio-project-img{max-height:250px}}@media (max-width:640px){.hero-portfolio-project-card{height:250px;max-height:250px}.hero-portfolio-project-image{height:250px;max-height:250px;min-height:250px}.hero-portfolio-project-img{max-height:250px}}@media (max-width:480px){.hero-portfolio-title{font-size:1.75rem}.hero-portfolio-name,.hero-portfolio-section-title{font-size:1.25rem}.hero-portfolio-bio{font-size:.9rem}.hero-portfolio-profile-image{height:80px;width:80px}.hero-portfolio-project-card{height:250px;max-height:250px}.hero-portfolio-project-image{height:250px;max-height:250px;min-height:250px}.hero-portfolio-project-img{max-height:250px}}@media (max-width:767px){.hero-portfolio-stats-grid{gap:16px;grid-template-columns:1fr}.hero-portfolio-chat-button{bottom:12px;left:12px;padding:10px}.hero-portfolio-header,.hero-portfolio-stats-section,.hero-portfolio-work-section{padding:24px 12px}}
/*# sourceMappingURL=main.e28c4503.css.map*/