.about-section{isolation:isolate;opacity:1;height:auto;width:var(--cWidth);justify-content:left;place-items:center;margin:auto;display:flex;position:relative}.about-section:before{content:"";background-color:var(--backgroundColor);z-index:-1;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.about-me{width:500px;max-width:calc(100% - 15px);padding:50px 0 0}.about-me h3{text-transform:uppercase;letter-spacing:7px;color:var(--accentColor);font-size:25px;font-weight:400}.about-me p{letter-spacing:1px;font-size:33px;font-weight:600;line-height:36px}@media only screen and (min-width:600px){.about-section{justify-content:center}}@media only screen and (min-width:768px){.about-me{width:500px;max-width:calc(100% - 70px);transform:translateY(0%)}.about-section{opacity:1}}@media only screen and (min-width:1025px){.about-section{width:var(--cWidth);max-width:1920px;height:var(--vh);opacity:1;justify-content:right;padding:0}.about-me{width:50%;padding:0}.about-me p{font-size:1.9vw;line-height:2.3vw}}@media only screen and (min-width:1950px){.about-me p{font-size:2.5rem;line-height:2.7rem}}
.career-section{opacity:1;flex-direction:column;justify-content:center;place-items:center;height:auto;margin:auto auto 250px;padding:120px 0;display:flex;position:relative}.career-section h2{text-align:center;-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(#fff,#0d9488);-webkit-background-clip:text;background-clip:text;margin-top:50px;margin-bottom:90px;font-size:70px;font-weight:400;line-height:70px}.career-section h2>span{font-family:Geist,sans-serif;font-weight:300}.career-info{flex-direction:column;margin:0 auto;display:flex;position:relative}.career-info-box{justify-content:space-between;margin-bottom:50px;display:flex}.career-info-box p{width:40%;margin:0;font-size:18px;font-weight:300}.career-info-in{justify-content:space-between;gap:50px;width:40%;display:flex}.career-info h3{margin:0;font-size:48px;font-weight:500;line-height:45px}.career-info h4{letter-spacing:.8px;margin:0;font-size:33px;font-weight:500;line-height:30px}.career-info h5{letter-spacing:.7px;text-transform:capitalize;color:var(--accentColor);margin:10px 0;font-size:20px;font-weight:400}.career-timeline{background-image:linear-gradient(to top, #14b8a6 20%, var(--accentColor) 50%, transparent 95%);width:3px;height:100%;max-height:0%;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.career-dot{background-color:#14b8a6;border-radius:50px;width:10px;height:10px;animation:.8s linear infinite forwards timeline;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 0 5px 2px #67e8f9,0 0 15px 8px #5eead4,0 0 110px 20px #a5f3fc}@keyframes timeline{10%,20%,50%,70%,90%{box-shadow:0 0 5px 2px #67e8f9}10%,30%,0%,to,64%,80%{box-shadow:0 0 5px 2px #67e8f9,0 0 15px 5px #5eead4,0 0 110px 20px #a5f3fc}}@keyframes timeline2{0%{box-shadow:0 0 5px 2px #67e8f9}to{box-shadow:0 0 5px 2px #67e8f9,0 0 15px 5px #5eead4,0 0 110px 20px #a5f3fc}}@media only screen and (max-width:1400px){.career-section h2{font-size:50px;line-height:50px}.career-info h4{width:180px;font-size:22px;line-height:24px}.career-info h5{font-size:17px}.career-info h3{font-size:40px}.career-info-box p{font-size:14px}.career-info-in{gap:20px;width:45%}.career-info-box p{width:45%}}@media only screen and (max-width:1025px){.career-section{margin-top:-200px;margin-bottom:0;padding:220px 0 70px}}@media only screen and (max-width:900px){.career-info-box{flex-direction:column;gap:10px;margin-bottom:70px}.career-info-in,.career-info-box p{box-sizing:border-box;width:100%;padding-left:10%}.career-timeline{left:0%}.career-container{width:calc(100% - 25px)}}@media only screen and (max-width:600px){.career-info{margin:0}.career-section h2{width:100%;margin-top:0;font-size:45px;line-height:45px}.career-info-in{gap:0}.career-info h3{font-size:33px}.career-info-in,.career-info-box p{padding-left:5%}.career-section{align-items:start;place-items:inherit;justify-content:left;margin-top:-70px;padding-top:90px}}
.contact-section{z-index:2;background-color:var(--backgroundColor);margin:100px auto auto;padding-bottom:100px;position:relative}.contact-section h3{text-transform:uppercase;margin:0;font-size:60px;font-weight:400}.contact-flex{justify-content:space-between;display:flex}.contact-flex h4{opacity:.6;margin:0;font-weight:500}.contact-box{flex-direction:column;display:flex}.contact-flex p{margin-top:10px;margin-bottom:20px}a.contact-social{white-space:nowrap;border-bottom:1px solid #ccc;align-items:center;gap:8px;width:fit-content;font-size:25px;display:inline-flex}.contact-box h2{margin:0;font-size:23px;font-weight:400}.contact-box h2>span{color:var(--accentColor)}.contact-box h5{opacity:.5;gap:10px;font-size:20px;font-weight:500;line-height:20px;display:flex}@media only screen and (max-width:1600px){.contact-section h3{font-size:50px}.contact-box h2{font-size:20px}a.contact-social{font-size:22px}}@media only screen and (max-width:1300px){.contact-section h3{font-size:40px}.contact-box h2{font-size:18px}a.contact-social{font-size:20px}.contact-flex p{margin-top:0}}@media only screen and (max-width:900px){.contact-flex{flex-direction:column;gap:40px}.contact-flex p{margin-bottom:0}.contact-flex h4{margin-top:20px}.contact-section{margin-top:50px;padding-bottom:50px}.contact-container{width:calc(100% - 25px)}}
.cursor-main{--size:0px;top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:var(--size);height:var(--size);pointer-events:none;z-index:99;mix-blend-mode:difference;background-color:#e6c3ff;border-radius:50px;transition:top .3s ease-out,left .3s ease-out,width .3s ease-out,height .3s ease-out;position:fixed;box-shadow:0 0 30px #af83ff}.cursor-icons{height:calc(var(--cursorH) - 20px);transition:all .5s ease-out,height .5s ease-in-out;top:10px;left:10px}.cursor-disable{--size:0px}@media only screen and (min-width:600px){.cursor-main{--size:50px}.cursor-disable{--size:0px}}
.landing-section{width:100%;max-width:var(--cMaxWidth);height:var(--vh);margin:auto;position:relative}.landing-container{width:var(--cWidth);height:100%;max-width:var(--cMaxWidth);margin:auto;position:relative}.landing-circle1{z-index:15;filter:blur(60px);background-color:#22d3ee;border-radius:50%;width:300px;height:300px;animation:5s linear infinite loadingCircle;position:fixed;top:0%;left:0%;box-shadow:inset -50px 40px 50px #00b4b499}.nav-fade{background-image:linear-gradient(0deg, transparent, var(--backgroundColor) 70%);pointer-events:none;z-index:12;opacity:0;width:100%;height:130px;position:fixed;top:0;left:0}@keyframes loadingCircle{0%{transform:translate(-95%,-75%)rotate(0)}to{transform:translate(-95%,-75%)rotate(360deg)}}.landing-circle2{z-index:9;filter:blur(50px);background-color:#22d3ee;border-radius:50%;width:300px;height:300px;animation:5s linear infinite loadingCircle2;display:none;position:fixed;top:50%;right:0%;transform:translate(calc(100% - 2px),-50%);box-shadow:inset -50px 40px 50px #00b4b499}@keyframes loadingCircle2{to{transform:translate(calc(100% - 2px),-50%)rotate(360deg)}}.landing-video,.landing-image{height:95%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-image img{z-index:2;height:100%;position:relative}.character-rim{z-index:1;filter:blur(50px);opacity:0;background-color:#22d3ee;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,100%)scale(1.4);box-shadow:inset 66px 35px 85px #00b4b4a6}.character-model{z-index:0;pointer-events:inherit;width:100%;max-width:1920px;height:80vh;max-height:1080px;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.character-model:after{content:"";background-image:linear-gradient(to bottom, transparent, var(--backgroundColor) 70%);z-index:9;width:100vw;height:250px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.character-model:before{content:"";background-color:var(--backgroundColor);z-index:9;width:100vw;height:700px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.character-loaded .character-rim{opacity:0;animation:3s .3s forwards backlight}.character-model canvas{pointer-events:none;z-index:2;position:relative}.character-hover{z-index:3;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-intro{z-index:9;position:absolute;top:12%;left:0}.landing-intro h2{color:var(--accentColor);letter-spacing:2px;margin:0;font-size:22px;font-weight:300}.landing-intro h1{letter-spacing:2px;margin:0;font-family:Geist,sans-serif;font-size:28px;font-weight:500;line-height:28px}.landing-info{bottom:40px;right:50%;top:inherit;z-index:9;position:absolute;transform:translate(50%)}.landing-info h3{letter-spacing:2px;color:var(--accentColor);margin:0;font-size:22px;font-weight:300}.landing-info h2{text-transform:uppercase;letter-spacing:2px;flex-wrap:nowrap;margin:-20px 0 0 20px;font-family:Geist,sans-serif;font-size:32px;font-weight:600;line-height:40px;display:flex;position:relative}.landing-h2-info-1{position:absolute;top:0}h2.landing-info-h2{color:#14b8a6;width:120%;margin:0 0 0 -5px;font-family:Geist,sans-serif;font-size:42px;font-weight:600;position:relative}.landing-h2-2{position:absolute;top:0}.landing-info-h2:after{content:"";z-index:3;background-image:linear-gradient(0deg, var(--backgroundColor) 40%, #0000 110%);width:100%;height:120%;position:absolute;top:0;left:0}@media screen and (min-width:500px){.landing-circle2{display:block}.character-model{z-index:0}.landing-info h3,.landing-intro h2{font-size:18px}.landing-intro h1{font-size:30px;line-height:30px}.landing-info h2{font-size:35px;line-height:40px}h2.landing-info-h2{font-size:38px}}@media screen and (min-width:768px){.character-model{height:80vh}.landing-intro h2{font-size:25px}.landing-intro h1{font-size:40px;line-height:35px}.landing-info h3{font-size:25px}.landing-info h2{font-size:45px;line-height:42px}h2.landing-info-h2{font-size:55px}}@media screen and (min-width:1025px){.character-model{z-index:11;height:100vh;position:fixed;bottom:0}.character-model:after,.character-model:before{display:none}.landing-intro{top:50%;left:auto;right:66%;transform:translateY(-50%)}.landing-info{z-index:inherit;text-align:left;inset:51% auto auto 66%;transform:translateY(-50%)}}@media screen and (min-width:1200px){.landing-intro{top:50%;left:auto;right:70%;transform:translateY(-50%)}.landing-info{z-index:inherit;text-align:left;inset:51% auto auto 70%;transform:translateY(-50%)}}@media screen and (min-width:1600px){.landing-intro h2{font-size:35px}.landing-intro h1{font-size:60px;line-height:55px}.landing-info h3{font-size:35px}.landing-info h2{font-size:65px;line-height:62px}h2.landing-info-h2{font-size:75px}}