:root{font-family:Rajdhani,sans-serif;line-height:1.5;font-weight:500;color-scheme:light dark;color:#ffffffde;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Syne,sans-serif;width:100%}html,#root{width:100%}h1{font-size:3.2em;line-height:1.1}@media(hover:hover)and (pointer:fine){html,body,button,a,input,textarea,.clickable,.nav-link{cursor:none!important}}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{color:#ffffffde;background-color:#000}::-webkit-scrollbar{width:0px;background:transparent;display:none}html{scrollbar-width:none;-ms-overflow-style:none}.intro-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#1a1a1b;display:flex;justify-content:center;align-items:center;z-index:9999}.content-wrapper{display:flex;align-items:center;gap:20px}.main-text-container{overflow:hidden}.main-text{font-size:clamp(4rem,10vw,10rem);font-weight:700;color:#fff;line-height:1;display:flex}.sub-text-column{display:flex;flex-direction:column;justify-content:center;gap:5px}.sub-text-line{overflow:hidden;height:1.5rem}.sub-text{font-size:clamp(1rem,2vw,1.5rem);font-weight:500;color:#ffffffb3;line-height:1;display:flex;text-transform:uppercase}@media screen and (max-width:768px){.content-wrapper{flex-direction:column;gap:2vh;width:100vw;align-items:center;justify-content:center;padding-right:0;text-align:center}.main-text-container{width:100%;display:block;text-align:center}.main-text{width:100%;display:block;text-align:center;margin:0;padding:0}.sub-text-column{width:100%;display:block;text-align:center;margin-top:10px}.sub-text-line{width:100%;display:block;text-align:center}.sub-text{display:inline-block;width:auto}}@media screen and (min-width:769px)and (max-width:1024px){.content-wrapper{flex-direction:row;justify-content:center;align-items:center;text-align:left;gap:20px;transform:translate(0);width:auto}.main-text{justify-content:flex-start;width:auto}.sub-text-column{align-items:flex-start;width:auto}.sub-text{display:flex;width:auto}}.about-container{width:100%;height:100vh;background-color:transparent;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;z-index:20;overflow:hidden;mix-blend-mode:difference}.about-title{font-size:clamp(5rem,8vw,10rem);font-weight:800;margin-bottom:2rem;text-transform:uppercase;text-align:center;width:100%;display:flex;justify-content:center;align-items:baseline;line-height:1;position:absolute;top:30px;left:50%;transform:translate(-50%)}.about-title .swapping-c-container,.about-title .distort-char{line-height:1;font-size:inherit}.about-content-row{display:flex;width:80%;max-width:1200px;justify-content:center;align-items:center;gap:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:120px}.about-text-content{flex:1;padding-right:2rem}.about-description{font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.8;color:#fff}.about-image-col{flex:1;display:flex;justify-content:flex-end}.profile-image{width:100%;max-width:400px;height:auto;border-radius:12px;object-fit:cover;filter:grayscale(100%)}.marquee-wrapper{position:absolute;bottom:20px;left:0;width:100%;overflow:hidden;white-space:nowrap;padding:20px 0;z-index:auto}.marquee-wrapper{bottom:10px;padding:10px 0}.marquee-wrapper{bottom:40px}.icon-track{display:flex;gap:4rem;width:fit-content;animation:scroll-left 20s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.icon-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 2rem}.skill-icon{font-size:clamp(2.5rem,4vw,5rem);color:#fff}@media screen and (max-width:768px){.about-container{mix-blend-mode:normal}.about-content-row{flex-direction:column;width:90%;gap:1rem;position:relative;top:auto;left:auto;transform:none;margin-top:15vh;display:flex}.about-text-content{width:100%;padding-right:0;text-align:center;margin-bottom:5rem}.about-image-col{width:100%;justify-content:center;order:2}.profile-image{max-width:180px;width:60%;transform:scale(1.3);margin-top:-5rem}.about-title{top:5%;font-size:clamp(5rem,15vw,10rem)}.marquee-wrapper{bottom:18px;padding:10px 0}}@media screen and (min-width:769px)and (max-width:1024px){.about-content-row{flex-direction:column;width:80%;gap:2rem;top:auto;left:0;right:0;margin-left:auto;margin-right:auto;transform:none;margin-top:5vh;position:relative;display:flex;align-items:center}.about-text-content{flex:initial;width:100%;padding-right:0;text-align:center}.about-description{padding:0 5vw}.about-image-col{flex:initial;width:100%;justify-content:center;order:2}.profile-image{max-width:300px;width:80%;height:auto}.marquee-wrapper{bottom:50px}}.section-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000;z-index:0;pointer-events:none}.section-background:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%);z-index:1;pointer-events:none}.section-background:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(315deg,rgba(0,240,255,.08) 0%,transparent 50%);z-index:1;pointer-events:none}.work-section{position:relative;width:100%;height:auto;min-height:0;background-color:#000;color:#fff;z-index:10;overflow:hidden}.work-container{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;height:auto;min-height:0;padding-top:150px;padding-bottom:150px;box-sizing:border-box}.work-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-top:2rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em;padding-left:0;width:100%;text-align:center}.project-list{width:100%;display:flex;flex-direction:column}.work-separator{width:100%;height:1px;background-color:#ffffff4d;margin:0}.project-item{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;padding:2rem 0;cursor:none;transition:color .3s ease;text-align:left;display:flex;flex-direction:column;position:relative;text-decoration:none;color:#fff;overflow:hidden}.project-item .project-name{padding-left:2rem;padding-right:2rem}.project-item:hover .project-name{color:#fff;padding-left:3rem;transition:padding-left .3s ease}.project-video-container{width:100%;height:0;overflow:hidden;transition:height .4s cubic-bezier(.25,1,.5,1);margin-top:0;background-color:#000;position:relative}.project-video-container.active{height:500px;width:100%;margin:2rem 0 0;border:1px solid #fff;box-sizing:border-box}.project-video{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px;display:block;position:relative;z-index:1}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:3;gap:0}.loading-text{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:500;color:#ffffff80;letter-spacing:.15em;text-transform:lowercase}.loading-dot{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:700;color:#ffffff80;display:inline-block;animation:dotBounce 1.4s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@media screen and (max-width:768px){.work-container{padding-top:50px;padding-bottom:50px}.work-title{margin-top:1rem;margin-bottom:1rem}.project-item{padding:1.5rem 0}.project-item .project-name{padding-left:1rem;padding-right:1rem}.project-video-container.active{height:200px;margin-left:1rem;margin-right:1rem;width:calc(100% - 2rem)}}@media screen and (min-width:769px)and (max-width:1024px){.work-container{padding-top:100px;padding-bottom:100px}.project-video-container.active{height:400px;width:100%;max-width:100%}}.contact-section{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;z-index:10;overflow:hidden;background-color:#000}.contact-text-container{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.contact-title{font-family:Anton,Impact,sans-serif;font-size:clamp(8rem,15vw,18rem);color:#fff;line-height:1;margin:0;letter-spacing:1vw}.contact-details{margin-top:2rem;font-family:Syne,sans-serif;font-size:clamp(1.2rem,2vw,2.5rem);color:#888}.email-link{color:inherit;text-decoration:none;transition:all .3s ease}.email-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.contact-socials{display:flex;gap:3rem;margin-top:3rem;align-items:center;justify-content:center}.social-icon{font-size:clamp(2.5rem,4vw,5rem);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.icon-linkedin:hover{color:#0077b5;filter:drop-shadow(0 0 15px #0077b5);transform:scale(1.1)}.icon-github:hover{color:#fff;filter:drop-shadow(0 0 15px #ffffff);transform:scale(1.1)}.icon-instagram:hover{color:#e1306c;filter:drop-shadow(0 0 15px #E1306C);transform:scale(1.1)}@media screen and (max-width:768px){.contact-section{min-height:70vh;padding-bottom:10vh}.contact-title{font-size:clamp(4rem,12vw,8rem)}.contact-details{font-size:clamp(.85rem,3.5vw,1.2rem)}.social-icon{font-size:clamp(1.8rem,6vw,2.5rem)}.contact-socials{gap:1.5rem}.contact-text-container{transform:translateY(5vh)}}@media screen and (min-width:769px)and (max-width:1024px){.contact-section{min-height:60vh;align-items:flex-start;padding-top:15vh}.contact-text-container{transform:translateY(0);margin-top:0;width:100%;align-items:center;text-align:center;padding-left:0}.contact-title,.contact-details{margin-left:0;text-align:center;width:100%}.contact-socials{gap:2.5rem;margin-top:2rem;margin-left:0;justify-content:center;width:100%}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent;z-index:25;pointer-events:none}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;z-index:2;pointer-events:none;mix-blend-mode:overlay;background-repeat:repeat}.blobs-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.blob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45vw;height:25vw;border-radius:50%;opacity:0;will-change:transform,opacity;filter:blur(60px);mix-blend-mode:screen}.blob-turquoise{background:radial-gradient(circle,#fff,#c8c8ff 40%,#fff0 70%)}.blob-green{background:radial-gradient(circle,#00f0ff,#00f0ff66 40%,#00f0ff00 70%)}.z-10{z-index:10}.z-0{z-index:0}.opacity-80{opacity:.8}@media screen and (max-width:768px){.blob{width:30vw;height:18vw;filter:blur(30px)}}.home-container{width:100%;min-height:100vh;height:auto;color:#fff;display:block;position:relative;z-index:10}.hero-section{width:100%;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:15vh;align-items:center;position:sticky;top:0;z-index:1;color:#fff;background-color:#050505}.sticky-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#1a1a1b;opacity:1}.hero-top{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;padding:0 12vw;box-sizing:border-box;position:relative;overflow:visible;z-index:10}.hero-bg-text{position:absolute;top:35%;left:93%;transform:translate(-50%,-50%);font-size:clamp(10rem,18vw,20rem);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.15);z-index:0;pointer-events:none;white-space:nowrap;opacity:0;z-index:2}.hero-text-row{position:relative;z-index:1;display:flex;width:100%;justify-content:space-between;font-weight:700;text-transform:uppercase;line-height:.9;align-items:baseline}.distort-char{display:inline-block;transform-origin:center center;will-change:transform,color,text-shadow;-webkit-font-smoothing:antialiased}.creative-row{font-size:clamp(3rem,5vw,6rem);justify-content:flex-start;margin-bottom:-1vw;margin-left:-3.5vw;display:flex;align-items:baseline}.swapping-c-container{position:relative;display:inline-block;height:1em;overflow:hidden}.swapping-c-container .distort-char{position:absolute;top:0;left:0;line-height:1}.swapping-c-container .distort-char:nth-child(1){position:relative;z-index:2}.swapping-c-container .distort-char:nth-child(2){position:absolute;top:0;left:0;z-index:1}.front-end-group{display:flex;flex-direction:row;gap:2vw;align-items:baseline;justify-content:center}.role-row{font-size:clamp(4rem,6vw,8rem);font-weight:800;color:#fff;margin-top:1vw;margin-left:-12vw;padding:1vw 12vw;position:relative;will-change:transform,filter,opacity;flex-direction:row;align-items:center;justify-content:center;gap:3vw}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#ffffffb3;animation:scrollBounce 2s infinite ease-in-out;z-index:25;pointer-events:none}.scroll-indicator span{font-size:clamp(.7rem,1.2vw,.9rem);font-weight:600;letter-spacing:.2em}.scroll-icon{font-size:clamp(.9rem,1.5vw,1.2rem)}@keyframes scrollBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.spacer{width:2vw}.about-section-wrapper{position:relative;width:100%;min-height:100vh;z-index:10;overflow:hidden;background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.work-container-wrapper{position:relative;width:100%;height:auto;z-index:20;background-color:#000}@media screen and (max-width:768px){.about-section-wrapper{background:#0a0a0af7;backdrop-filter:none;-webkit-backdrop-filter:none}.distort-char{will-change:auto}.hero-section{justify-content:center;padding-bottom:0;overflow:hidden}.hero-top{padding:0 1vw;padding-top:0;height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto;margin-bottom:calc(10vh + 20px);gap:2vh;position:relative;z-index:2}.hero-text-row{text-align:center;width:100%;flex:initial;display:flex;flex-direction:column;justify-content:center;gap:0}.role-row{margin-left:0;margin-right:0;text-align:center;flex-direction:column;gap:1vh;height:auto;width:100%;flex:initial;display:flex;justify-content:center}.front-end-group{display:flex;flex-direction:column;gap:1vh;align-items:center;width:100%;margin-top:-1vh}.word-wrapper{display:flex;justify-content:center;font-size:19vw;line-height:.8;width:100%}.role-row>.word-wrapper{font-size:14vw}.creative-row{justify-content:center;font-size:15vw;margin-bottom:1vh;flex:initial;align-items:center;flex-direction:row;flex-wrap:nowrap;line-height:.8}.hero-bg-text{top:25%;transform:translate(-50%,-50%);font-size:20vw;left:50%;width:100%;text-align:center;-webkit-text-stroke:3px rgba(255,255,255,.2);font-family:Syne,sans-serif}.scroll-indicator{bottom:calc(8vh + 20px);transform:translate(-50%) scale(2)}}.word-wrapper{display:flex;justify-content:center;align-items:baseline}@media screen and (min-width:769px)and (max-width:1024px){.hero-section{overflow:hidden}.hero-bg-text{top:30%;font-size:20vw;opacity:.4;width:100%;text-align:center;left:50%;transform:translate(-50%,-50%)}.hero-top{justify-content:center;padding-bottom:5vh;align-items:flex-start;padding-left:5vw}.creative-row{justify-content:flex-start;margin-left:0}.role-row{flex-direction:column;align-items:flex-start;margin-left:-7rem;gap:0}.role-row>.word-wrapper{font-size:12vw}}.navbar-container{width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;box-sizing:border-box;position:fixed;top:0;left:0;z-index:100;background-color:transparent;transition:transform .4s ease}.navbar-hidden{transform:translateY(-100%);pointer-events:none}.logo{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:#000}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:#fff;text-decoration:none;font-size:clamp(.85rem,1.5vw,1rem);text-transform:uppercase;cursor:none;opacity:.8;transition:opacity .3s}.nav-link:hover{opacity:1}@media screen and (max-width:768px){.navbar-container{padding:0 10vw}}@media screen and (min-width:769px)and (max-width:1024px){.navbar-container{padding:0 2vw;justify-content:flex-start;gap:5vw}.nav-links{margin-left:auto;margin-right:20vw}}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:#fff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference;display:flex;justify-content:center;align-items:center}@media(hover:none)and (pointer:coarse){.custom-cursor{display:none!important}}.cursor-text-content{color:#000!important;font-size:12px;font-weight:700;white-space:nowrap;opacity:1;pointer-events:none}.custom-scrollbar-track{position:fixed;top:0;right:0;width:10px;height:100vh;z-index:9999;mix-blend-mode:difference;pointer-events:none;transform:translate(20px)}.custom-scrollbar-thumb{position:absolute;top:0;right:0;width:6px;margin-right:2px;background-color:#fff;border-radius:3px;opacity:.6;transition:opacity .3s}.custom-scrollbar-track:hover .custom-scrollbar-thumb{opacity:1}