.about-section{opacity:1;height:auto;width:var(--cWidth);justify-content:left;place-items:center;margin:auto;display:flex;position:relative}.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{margin-bottom:var(--space-8);justify-content:space-between;display:flex}.career-info-box p{width:40%;font-size:var(--fs-md);color:var(--text-soft);margin:0;font-weight:400;line-height:1.65}.career-info-in{justify-content:space-between;gap:50px;width:40%;display:flex}.career-info h3{white-space:nowrap;margin:0;font-size:36px;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;color:var(--accentColor);margin:10px 0;font-size:20px;font-weight:500}.career-timeline{transform-origin:top;background-image:linear-gradient(to top, #14b8a6 20%, var(--accentColor) 50%, transparent 95%);width:3px;height:100%;position:absolute;top:-50px;left:50%;transform:translate(-50%)scaleY(0)}.career-dot{background-color:#14b8a6;border-radius:50px;width:10px;height:10px;animation-iteration-count:infinite;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 0 5px 2px #67e8f9}.career-dot:before{content:"";border-radius:inherit;animation:.8s linear forwards timeline;animation-iteration-count:inherit;position:absolute;inset:0;box-shadow:0 0 15px 5px #5eead4,0 0 110px 20px #a5f3fc}@keyframes timeline{20%,50%,70%,90%{opacity:0}0%,10%,30%,64%,80%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.career-dot:before{animation:none}}@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:30px}.career-info-box p{font-size:15px}.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:26px}.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{padding-bottom:var(--space-9);margin:auto;margin-top:var(--space-9);z-index:2;background-color:var(--backgroundColor);position:relative}.contact-section h2{text-transform:uppercase;margin:0 0 var(--space-6);font-size:60px;font-weight:400}.contact-flex{justify-content:space-between;display:flex}.contact-flex h3{font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:600}.contact-box{flex-direction:column;display:flex}.contact-flex p{margin-top:10px;margin-bottom:20px}a.contact-social{border-bottom:1px solid #ccc;font-size:25px}.contact-flex p{color:var(--text-soft)}.contact-flex p a{color:var(--text);border-bottom:1px solid var(--border-strong)}a.contact-social{margin-top:var(--space-2);align-self:flex-start;transition:color .2s,border-color .2s}a.contact-social:hover{border-color:var(--accentColor)}.contact-availability{max-width:340px}.contact-flex p.contact-available{font-size:var(--fs-lg);color:var(--text);margin-top:0;line-height:1.4}.contact-cta{align-items:center;gap:var(--space-2);border:1px solid var(--accentColor);color:var(--accentColor);border-radius:999px;align-self:flex-start;padding:10px 18px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.contact-cta:hover{background-color:var(--accentColor);color:var(--backgroundColor)}@media only screen and (max-width:1600px){.contact-section h2{font-size:50px}a.contact-social{font-size:22px}}@media only screen and (max-width:1300px){.contact-section h2{font-size:40px}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 h3{margin-top:20px}.contact-section{margin-top:50px;padding-bottom:50px}.contact-container{width:calc(100% - 25px)}}.contact-flex p+h3{margin-top:var(--space-5)}.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;will-change:transform;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:radial-gradient(circle closest-side,#22d3ee 0% 99%,#0000 100%);border-radius:50%;width:300px;height:300px;animation:5s linear infinite loadingCircle;position:fixed;top:0%;left:0%;translate:-95% -75%;box-shadow:inset -50px 40px 50px #00b4b499}.nav-fade{background-image:linear-gradient(0deg, transparent, var(--backgroundColor) 70%);pointer-events:none;z-index:12;width:100%;height:130px;position:fixed;top:0;left:0}@keyframes loadingCircle{to{rotate:360deg}}.landing-circle2{z-index:9;filter:blur(50px);background:radial-gradient(circle closest-side,#22d3ee 0% 99%,#0000 100%);border-radius:50%;width:300px;height:300px;animation:5s linear infinite loadingCircle;display:none;position:fixed;top:50%;right:0%;translate:calc(100% - 2px) -50%;box-shadow:inset -50px 40px 50px #00b4b499}.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);will-change:transform;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:1.1}.landing-info{bottom:40px;right:50%;top:inherit;z-index:9;--hero-top:clamp(16px, 4.6vw, 25px);--hero-word:clamp(28px, 8.4vw, 45px);position:absolute;transform:translate(50%)}.landing-info h3{white-space:nowrap;font-size:var(--hero-top);letter-spacing:.08em;color:var(--accentColor);margin:0 0 .35em;font-weight:300;line-height:1.3}.landing-words{font-size:var(--hero-word);flex-direction:column;gap:.06em;display:flex}.landing-row{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-family:Geist,sans-serif;font-size:1em;font-weight:600;line-height:1.2;display:grid;overflow:hidden}.landing-row>div{grid-area:1/1}.main-body:not(.main-active) .landing-row>:last-child{visibility:hidden}.landing-info-h2{color:#2dd4bf}.landing-row-2{color:#eae5ec}@media screen and (min-width:500px){.landing-circle2{display:block}.character-model{z-index:0}.landing-intro h2{font-size:18px}.landing-intro h1{font-size:30px;line-height:1.1}}@media screen and (min-width:768px){.character-model{height:80vh}.landing-intro h2{font-size:25px}.landing-intro h1{font-size:40px;line-height:1.1}}@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;--hero-top:clamp(18px, 1.75vw, 35px);--hero-word:clamp(34px, 3.3vw, 64px);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:1.1}}.icons-section{max-width:var(--cMaxWidth);width:var(--cWidth);z-index:99;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.social-icons{z-index:999;flex-direction:column;gap:8px;padding:10px;display:none;position:absolute;bottom:20px;left:-20px}.social-icons:hover{color:var(--backgroundColor);transition:all .3s}.social-icons a:hover{color:var(--backgroundColor)}.social-icons span{width:50px;height:50px;display:flex;position:relative}.social-icons a{transform:translate(calc(var(--siX,0px) - 50%), calc(var(--siY,0px) - 50%));will-change:transform;font-size:23px;display:flex;position:absolute;top:50%;left:50%}.resume-button{z-index:99;text-wrap:nowrap;letter-spacing:4px;color:#5e5e5e;cursor:pointer;transform-origin:0 100%;gap:5px;width:auto;font-size:15px;font-weight:600;line-height:15px;transition:all .5s;display:flex;position:absolute;bottom:40px;right:0;transform:translate(100%)rotate(-90deg)}.resume-button:hover{color:#fff}div.resume-button span{color:#fff;align-items:center;margin-top:-1px;font-size:17px;display:flex}.check-line{z-index:99999;background-color:#fff;width:100%;height:1px;position:fixed;top:655px;left:0}@media only screen and (min-width:900px){.social-icons{gap:20px;display:flex}.social-icons a{font-size:28px}}@media only screen and (min-width:768px){.resume-button{font-size:20px;line-height:20px;transform:none}div.resume-button span{margin-top:-1.5px;font-size:23px}}.whatIDO{opacity:1;min-height:var(--vh);width:var(--cWidth);z-index:9;justify-content:center;align-items:center;max-width:1920px;margin:auto;display:flex;position:relative}@media screen and (min-width:1025px){.whatIDO{z-index:12}}.whatIDO:focus{outline:none}.what-box{z-index:9;justify-content:center;width:50%;display:flex;position:relative}.what-box h2{margin:0 0 100px;font-size:calc(4vw + 25px);font-weight:600;line-height:calc(4vw + 20px)}@media only screen and (min-width:901px){.what-box:first-child{box-sizing:border-box;justify-content:flex-start;padding-left:5%}}.hat-h2{font-style:italic}.do-h2{color:var(--accentColor)}.what-box-in{gap:var(--space-4);flex-direction:column;width:460px;margin-left:120px;display:none}.what-card{box-sizing:border-box;padding:20px var(--space-5);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;-webkit-user-select:text;user-select:text;background:linear-gradient(160deg,#2dd4bf12,#2dd4bf00 45%),#0c121ed1;border-radius:14px;transition:border-color .35s,box-shadow .35s,transform .35s,opacity .35s;animation:.5s .6s forwards whatFlicker;position:relative;box-shadow:0 20px 40px -28px #000000e6}.what-card+.what-card{animation-delay:.8s}.what-card:before{content:"";background:linear-gradient(90deg, var(--accentColor), #22d3ee);transform-origin:0;border-radius:2px;height:2px;transition:transform .45s;position:absolute;top:-1px;left:24px;right:24px;transform:scaleX(.18)}.what-eyebrow{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-2);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-weight:500;display:flex}.what-index{font-variant-numeric:tabular-nums;color:var(--accentColor);font-weight:600}.what-card h3{letter-spacing:.02em;margin:0;font-size:clamp(22px,1.9vw,30px);font-weight:600;line-height:1.15}.what-desc{font-size:var(--fs-sm);color:var(--text-soft);margin:6px 0 14px;line-height:1.55}.what-groups{flex-direction:column;gap:10px;display:flex}.what-group h4{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;font-size:11px;font-weight:600}.what-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.what-tags li{color:#dbe4ee;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.3;transition:border-color .3s,background-color .3s}.what-card:hover,.what-card:focus-visible{border-color:#5eead480;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #5eead41f,0 24px 48px -24px #2dd4bf59}.what-card:hover:before,.what-card:focus-visible:before{transform:scaleX(1)}.what-card:hover .what-tags li,.what-card:focus-visible .what-tags li{background:#5eead414;border-color:#5eead459}.what-card:focus-visible{outline:2px solid var(--accentColor);outline-offset:4px}@media (min-width:1025px){.what-desc{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.what-card:hover .what-desc,.what-card:focus .what-desc{-webkit-line-clamp:unset;line-clamp:none}.what-box-in:hover .what-card:not(:hover){opacity:.6}}@keyframes whatFlicker{0%,25%,35%,60%{opacity:0}30%,50%,40%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.what-card{opacity:1;transition:none;animation:none}.what-card:hover,.what-card:focus-visible{transform:none}}@media screen and (min-width:1025px){.whatIDO{box-sizing:border-box;padding:90px 0 40px}}@media screen and (min-width:1025px) and (max-height:860px){.what-box-in{gap:var(--space-3)}.what-card{padding:14px var(--space-5)}.what-eyebrow{margin-bottom:4px}.what-card h3{font-size:clamp(20px,1.6vw,26px)}.what-desc{margin:4px 0 10px}.what-groups{gap:6px}.what-group h4{margin-bottom:4px}.what-tags{gap:5px}.what-tags li{padding:2px 8px;font-size:11.5px}}@media only screen and (max-width:1400px){.what-box-in{width:420px;margin-left:40px}.what-card{padding:var(--space-4) var(--space-5)}}@media only screen and (max-width:1024px){.whatIDO{min-height:0;padding:50px 0}.what-box-in{width:480px;margin-left:0}}@media only screen and (max-width:900px){.whatIDO{flex-direction:column}.what-box h2{margin:50px 0;font-size:55px;line-height:53px}.what-box:first-child{justify-content:left}.what-box{width:520px;max-width:100%;margin:auto}.what-box-in{width:100%}}@media only screen and (max-width:550px){.whatIDO{align-items:stretch}.what-box h2{margin:30px 0 40px}.what-card{padding:var(--space-4)}}@media only screen and (min-width:1950px){.what-box h2{font-size:7rem;line-height:6.8rem}.what-box-in{width:520px}}.work-section{z-index:1;background-color:var(--backgroundColor);padding:var(--space-9) 0;position:relative}.work-section:focus{outline:none}.work-container{margin:auto}.work-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-7);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.work-section h2{font-size:var(--fs-2xl);margin:0;font-weight:500;line-height:1.05}.work-section h2>span{color:var(--accentColor)}.work-intro{max-width:440px;font-size:var(--fs-base);color:var(--text-soft);margin:0;line-height:1.6}.work-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.work-all{justify-content:center;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;margin:var(--space-7) auto 0;border:1px solid var(--accentColor);font-size:var(--fs-md);letter-spacing:.02em;color:var(--accentColor);border-radius:999px;padding:14px 28px;font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s;display:flex}.work-all svg{transition:transform .25s}.work-all:hover{background-color:var(--accentColor);color:var(--backgroundColor);box-shadow:0 0 32px #5eead440}.work-all:hover svg{transform:translate(4px)}@media only screen and (max-width:900px){.work-section{padding:var(--space-8) 0}.work-head{margin-bottom:var(--space-5)}.work-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}.techstack-logos{justify-content:center;gap:var(--space-6);max-width:820px;padding:320px var(--space-5) 0;flex-wrap:wrap;margin:0 auto;list-style:none;display:flex}.techstack-logos li{aspect-ratio:1;background:#fff;border-radius:50%;width:120px;position:relative;overflow:hidden}.techstack-logos img{width:200%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}
