@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap);body{background:#fff;margin:0;padding:0;transition:transform .4s ease}body,body .app{scroll-behavior:smooth}body .app{font-family:Lexend,serif;position:relative;width:100%}@media only screen and (max-width:768px){body{padding-top:132px}}@media only screen and (max-width:480px){body{padding-top:100px}}.aboutMeContainer,.designQuote,.highlightsSection,.projectsSection,footer{position:relative}.aboutMeContainer:before,.designQuote:before,.highlightsSection:before,.projectsSection:before,footer:before{background:linear-gradient(90deg,#fff0,#e1e1e1e6,#fff0);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:min(52%,720px)}body.dark{background:#0b0f15;color:#e6eef8}body.dark .navigation .navMid{background:linear-gradient(90deg,#14161ab3,#101216b3);border:1px solid #ffffff0a;box-shadow:0 8px 24px #0009}body.dark .welcomeSection .greet{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f5f7fb,#cfdff0);-webkit-background-clip:text;background-clip:text}body.dark .welcomeSection .place{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#dfeaf8,#bcd4f0);-webkit-background-clip:text;background-clip:text}body.dark .welcomeSection .intro{color:#c6d5e6}body.dark .welcomeSection .basedIn img{filter:brightness(1.3) invert(.85)}body.dark .welcomeSection .statChip{background:#ffffff08;border:1px solid #ffffff08;color:#dceafc}body.dark .projectsHeading h2{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text}body.dark .skillsSection{background:#0000}body.dark .skillsSection h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd89b,#ff8a00);-webkit-background-clip:text;background-clip:text}body.dark .skillChip{background:#ffffff0a;border:1px solid #ffffff0a;color:#d0e1fb}body.dark .aboutMeContainer{background:#0000}body.dark .aboutMeContainer h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffd89b,#ff8a00);-webkit-background-clip:text;background-clip:text}body.dark .aboutMeContainer h2{color:#dfe9f6}body.dark .aboutMeContainer p{color:#b5c4d8}body.dark .highlightsSection{background:#0000}body.dark .quoteText{color:#dfe9f6}body.dark .designQuote{background:#0000}body.dark .designQuote h2{color:#dfe9f6}body.dark .designQuote p{color:#b5c4d8}body.dark .aboutMeContainer:before,body.dark .designQuote:before,body.dark .highlightsSection:before,body.dark .projectsSection:before,body.dark footer:before{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}body.dark .highlightCard{background:#ffffff05;border:1px solid #ffffff0a;color:#c6d5e6}body.dark .loadingScreen{background:#0b0f15}body.dark .loadingScreen .spinner{border-color:#ff8214 #ffffff1a #ffffff1a}body.dark input:focus,body.dark textarea:focus{border-color:#ff8214;box-shadow:0 0 0 3px #ff82141a;outline:none}body.dark a{transition:color .3s ease}body.dark a:hover{color:#ff8214}body.dark .aboutMeContainer .focusCard{background:#ffffff05;border:1px solid #ffffff0a;color:#c6d5e6}body.dark .aboutMeContainer .focusCard:hover{background:#ffffff0d;box-shadow:0 0 22px #ff821433}body.dark .aboutMeContainer .aboutStats .aboutStatCard{background:#ffffff0d;border:1px solid #ffffff0d}body.dark .aboutMeContainer .aboutStats .aboutStatCard span{color:#f0f0f0}body.dark .aboutMeContainer .aboutStats .aboutStatCard p{color:#9eb3c8}body.dark .aboutMeContainer .achievementCard{background:#ffffff08;border:1px solid #ffffff0a}body.dark .aboutMeContainer .achievementCard:hover{background:#ffffff0d;box-shadow:0 0 20px #ff821426}body.dark .aboutMeContainer .achievementCard .metric{background:#ffffff14;color:#d0e1fb}body.dark .aboutMeContainer .achievementCard h3{color:#dfe9f6}body.dark .aboutMeContainer .achievementCard p{color:#9eb3c8}body.dark .aboutMeContainer .aboutCta{background:linear-gradient(90deg,#14182099,#10141c99);border:1px solid #ffffff08}body.dark .aboutMeContainer .availabilityBadge{background:#ff82141a;border:1px solid #ff821433;color:#ffd89b}body.dark .aboutMeContainer .ctaBtn{background:#ffffff14;border:1px solid #ffffff0d;color:#e6eef8}body.dark .aboutMeContainer .ctaBtn:hover{background:#ffffff1f}body.dark .aboutMeContainer .ctaBtn.primary{background:#ff8214;color:#0b0f15}body.dark .aboutMeContainer .ctaBtn.primary:hover{background:#ff9632}body.dark .aboutMeContainer .profileSection .midImg:hover,body.dark .aboutMeContainer .profileSection .rightImg:hover{box-shadow:0 0 24px #ff82144d}body.dark p{color:#c6d5e6!important}body.dark .projectsHeading p{color:#b5c4d8!important}body.dark .designQuote{background-color:#0000!important}body.dark .designQuote h2,body.dark .quoteText{color:#dfe9f6!important}body.dark .highlightsSection{background-color:#0000!important}body.dark .highlightCard{background:#ffffff05!important;border:1px solid #ffffff0a!important}body.dark .highlightCard p{color:#c6d5e6!important}body.dark .projectsSection{background-color:#0000!important}body.dark .loadingScreen{background-color:#0b0f15!important}body.dark .skillCard p{background:#ffffff14!important;border:1px solid #ffffff0d!important;color:#d0e1fb!important}body.dark .skillCard p:hover{background:#ff8214!important;color:#0b0f15!important}body.dark .welcomeSection .statChip{background:#ffffff08!important;border:1px solid #ffffff0d!important}body.dark .welcomeSection .statChip span{color:#f0f0f0!important}body.dark .welcomeSection .statChip p{color:#9eb3c8!important}body.dark h1,body.dark h2,body.dark h3,body.dark h4{color:#dfe9f6!important}body.dark input,body.dark select,body.dark textarea{background:#ffffff0d!important;border:1px solid #ffffff1a!important;color:#dfe9f6!important}body.dark input::placeholder,body.dark textarea::placeholder{color:#fff6!important}body.dark .projectCard{border:none}body.dark .projectCard.card-1{background:linear-gradient(135deg,#6b4fb0,#5140a0)}body.dark .projectCard.card-2{background:linear-gradient(135deg,#b04570,#a03560)}body.dark .projectCard.card-3{background:linear-gradient(135deg,#b0a040,#a09030)}body.dark .projectCard.card-4{background:linear-gradient(135deg,#40b040,#309030)}body.dark .projectCard .projectMeta .projectIndex{background:#0000004d;color:#f5f5f5;font-weight:800}body.dark .projectCard .projectMeta .projectType{display:none}body.dark .projectCard .projectName{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#1a1a1a!important;font-weight:800}body.dark .projectCard .projectDescrip{color:#e8e8e8}body.dark .projectCard .projectStack span{background:#00000040;color:#f0f0f0}body.dark .projectCard .projectActions a{background-color:#0006;border:1px solid #fff3;color:#fff}body.dark .projectCard .projectActions a:hover{background-color:#ff8214;border:1px solid #ff8214;color:#fff}body.dark .projectCard.visible:hover{box-shadow:0 10px 30px #0006}body.dark .projectCard .projectImage img{opacity:.9}body.dark .projectsSection{background-color:#0000}body.dark .focusCard{background:#ffffff05!important;border:1px solid #ffffff0a!important;color:#c6d5e6!important}body.dark .focusCard p{color:#b5c4d8!important}body.dark .focusCard:hover{background:#ffffff0d!important;box-shadow:0 0 22px #ff821433!important}body.dark .achievementCard{background:#ffffff08!important;border:1px solid #ffffff0a!important}body.dark .achievementCard h3{color:#dfe9f6!important}body.dark .achievementCard p{color:#9eb3c8!important}body.dark .achievementCard .metric{background:#ffffff14!important;color:#d0e1fb!important}body.dark .achievementCard:hover{background:#ffffff0d!important;box-shadow:0 0 20px #ff821426!important}body.dark .aboutStats .aboutStatCard{background:#ffffff0f!important;border:1px solid #ffffff14!important}body.dark .aboutStats .aboutStatCard span{color:#dfe9f6!important}body.dark .aboutStats .aboutStatCard p{color:#9eb3c8!important}body.dark .focusCards .focusCard{background:#ffffff0d!important;border:1px solid #ffffff0f!important}body.dark .focusCards .focusCard p{color:#b5c4d8!important}body.dark .focusCards .focusCard:hover{background:#ffffff14!important;box-shadow:0 0 22px #ff821433!important}body.dark .achievementGrid .achievementCard{background:#ffffff0d!important;border:1px solid #ffffff0f!important}body.dark .achievementGrid .achievementCard h3{color:#dfe9f6!important}body.dark .achievementGrid .achievementCard p{color:#b5c4d8!important}body.dark .achievementGrid .achievementCard:hover{background:#ffffff14!important;box-shadow:0 0 20px #ff821426!important}body.dark footer{background:#0000!important;border-top:none!important;color:#bcd3ea!important}body.dark footer h3{color:#dfe9f6!important}body.dark footer p{color:#9eb3c8!important}body.dark footer a{color:#cfdff0!important}body.dark footer a:hover{color:#ffd89b!important}body.dark .footerCta{background:#ffffff05!important;border:1px solid #ffffff0a!important}body.dark .footerCta p{color:#b5c4d8!important}body.dark .footerCta a{background:#ff8214!important;color:#0b0f15!important}body.dark .footerCta a:hover{background:#ff9632!important}body.dark .copyright{background:#0000!important;border-top:none!important;color:#7a8fa0!important}body.dark .copyright .connectLogo img{filter:brightness(1.3) invert(.85)}.loading{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;gap:8px;height:100vh;justify-content:center;width:auto}.loading .tagline{color:#000;font-family:Noto Sans,sans-serif;font-weight:600;text-align:center;width:125px}.loading .progressBar{display:flex}.loading .progressBar span{animation:progress 2s ease-in-out 0s 1 normal forwards;background-color:#959595;border-radius:20px;height:1px;width:120px}@keyframes progress{0%{width:0}20%{width:20px}40%{width:50px}60%{width:75px}80%{width:100px}to{width:120px}}.navigation{align-items:center;background-color:#0000;display:flex;flex-direction:column;height:100px;justify-content:center;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:10}.navigation.scrolled{background:linear-gradient(180deg,#ffffffeb,#fff0)}.navigation .navbarContainer{align-items:center;display:flex;justify-content:center;width:70%}.navigation .navbarContainer .navMid{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background:linear-gradient(90deg,#fcfcfccc,#f5f5f5cc);border:1px solid #e6e6e6e6;border-radius:50px;box-shadow:0 8px 24px #0000000f;display:flex;gap:10px;padding:.3rem;transition:transform .4s ease}.navigation .navbarContainer .navMid .option{border-radius:50px;padding:.6rem;text-decoration:none;transition:transform .4s ease,background-color .3s ease}.navigation .navbarContainer .navMid .option:hover{transform:translateY(-1px)}.navigation .navbarContainer .navMid .option:focus-visible{outline:2px solid #ff7f11;outline-offset:2px}.navigation .navbarContainer .navMid .option .link{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#000,grey);-webkit-background-clip:text;background-clip:text;color:#000;font-size:1.2rem;font-weight:300;text-decoration:none}.navigation .navbarContainer .navMid .decorToggle{align-items:center;background:linear-gradient(90deg,#f2f2f2,#fff);border:1px solid #dcdcdce6;border-radius:24px;cursor:pointer;display:inline-flex;height:28px;justify-content:flex-start;margin-left:8px;padding:4px;transition:background .25s ease,justify-content .25s ease;width:44px}.navigation .navbarContainer .navMid .decorToggle .dot{background:#999;border-radius:50%;box-shadow:0 2px 6px #0000001f;height:18px;transition:transform .25s ease,background .25s ease;width:18px}.navigation .navbarContainer .navMid .decorToggle.on{justify-content:flex-end}.navigation .navbarContainer .navMid .decorToggle.on .dot{background:#ff7f11;transform:translateX(0)}.navigation .navbarContainer .navMid .decorToggle.off{justify-content:flex-start}.navigation .navbarContainer .navMid .decorToggle.off .dot{background:#9e9e9e;transform:translateX(0)}.navigation .navbarContainer .navMid .active{background-color:#fffffff2;border-radius:50px;font-weight:700}.navigation .navbarContainer .navMid .active .link{font-weight:600}body.dark .navigation.scrolled{background:linear-gradient(180deg,#0b0f15f2,#0b0f1500)}body.dark .navigation .navMid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#14161ae6,#101216e6);border:1px solid #ffffff0d;box-shadow:0 8px 24px #000c}body.dark .navigation .navMid .option .link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f5f7fb,#cfdff0);-webkit-background-clip:text;background-clip:text}body.dark .navigation .navMid .active{background-color:#ff7f111a;border:1px solid #ff7f1133}body.dark .navigation .navMid .decorToggle{background:linear-gradient(90deg,#282c34e6,#242830e6);border:1px solid #ffffff0d;box-shadow:0 2px 8px #0006}body.dark .navigation .navMid .decorToggle .dot{box-shadow:0 2px 6px #0006}@media only screen and (max-width:768px){.navigation .navbarContainer{width:80%}.navigation .navMid .option{padding:.52rem .66rem}.navigation .navMid .option .link{font-size:1rem}}@media screen and (max-width:480px){.navigation{height:88px}.navigation .navbarContainer{width:90%}}.skillsContainer{display:flex;flex-direction:column;width:100%}.skillsContainer h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2rem;font-weight:700}.skillsContainer .skillCards{column-gap:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;row-gap:0}.skillsContainer .skillCards .skillCard p{background:#ebebeb;border-radius:40px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.skillsContainer .skillCards .skillCard p:hover{background:#262626;color:#fff}body.dark .skillsContainer h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;display:inline-block}body.dark .skillsContainer .skillCards .skillCard p{background:#ffffff14;border:1px solid #ffffff0d;color:#d0e1fb;transition:background .3s ease,color .3s ease,transform .3s ease}body.dark .skillsContainer .skillCards .skillCard p:hover{background:#ff8214;color:#0b0f15;transform:translateY(-2px)}.aboutMeContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:100px}.aboutMeContainer .aboutMeSubContainer{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:50%}.aboutMeContainer .aboutMeSubContainer .profileSection{align-items:center;display:flex;height:460px;justify-content:center;margin-top:40px;position:relative}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg,.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{border-radius:40px;height:380px;position:absolute;transition:width .5s ease,height .5s ease,transform .5s ease;width:280px;z-index:1}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg:hover,.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg:hover{box-shadow:0 0 24px #bababa;transform:scale(1.1)}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg{margin-left:-220px}.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:280px;margin-left:200px;margin-top:-260px;width:380px;z-index:0}.aboutMeContainer .aboutMeSubContainer .profileSection img{border-radius:40px;height:100%;object-fit:cover;width:100%}.aboutMeContainer .aboutMeSubContainer .detailSection{align-self:stretch;display:flex;flex-direction:column;min-width:0;width:100%}.aboutMeContainer .aboutMeSubContainer .detailSection h1{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.aboutMeContainer .aboutMeSubContainer .detailSection p{font-size:1.2rem;font-weight:300}.aboutMeContainer .aboutMeSubContainer .detailSection p #lnk{color:#000;font-weight:500;padding:0 .2rem;text-decoration:none;transition:all .4s ease}.aboutMeContainer .aboutMeSubContainer .detailSection p #lnk:hover{background:linear-gradient(90deg,#b4b4b4,#f5f5f5);border-radius:6px}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.7rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard{background:#f5f5f5;border-radius:20px;padding:.8rem;text-align:center}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard span{color:#222;font-size:.95rem;font-weight:700}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard p{color:#666;font-size:.82rem;margin:.35rem 0 0}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea{margin-top:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea h2{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard{background:#f3f3f3;border-radius:18px;padding:.7rem .9rem;transition:transform .3s ease,box-shadow .3s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard:hover{box-shadow:0 0 22px #d2d2d2b3;transform:translateY(-4px)}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard p{color:#444;font-size:.95rem;font-weight:400;margin:0}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn{background:#ededed;border:none;border-radius:20px;color:#333;cursor:pointer;font-family:Lexend,serif;font-size:.82rem;padding:.45rem .8rem;text-transform:lowercase;transition:background-color .25s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn:hover{background:#e3e3e3}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn:focus-visible{outline:2px solid #ff7f11;outline-offset:1px}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn.active{background:#262626;color:#fff}.aboutMeContainer .aboutMeSubContainer .detailSection .tabPanel{animation:fadeSlideIn .28s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection{margin-top:1.3rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection h2{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList{grid-gap:.8rem;display:grid;gap:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard{background:#f5f5f5;border-left:4px solid #f5af19;border-radius:20px;padding:.8rem 1rem;position:relative;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard .yearTag{background:#ececec;border-radius:14px;font-size:.75rem;font-weight:700;padding:4px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard h3{font-size:1rem;margin:.45rem 0 .2rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard p{color:#555;font-size:.92rem;margin:0}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:0 0 0 1px #ffffff05}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard .yearTag{background:#ffffff14;color:#dfe9f6}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard h3{color:#dfe9f6}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard p{color:#b5c4d8}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard:hover{background:#ffffff12;box-shadow:0 0 20px #ff821426;transform:translateY(-2px)}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection{margin-top:1.3rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection h2{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard{background:#f5f5f5;border-radius:20px;padding:.8rem;transition:transform .3s ease,box-shadow .3s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard:hover{box-shadow:0 0 20px #d2d2d2cc;transform:translateY(-4px)}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard .metric{background:#e8e8e8;border-radius:14px;font-size:.72rem;font-weight:700;padding:4px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard h3{font-size:.98rem;margin:.5rem 0 .25rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard p{color:#5a5a5a;font-size:.9rem;margin:0}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta{background:linear-gradient(90deg,#f7f7f7,#efefef);border-radius:24px;box-sizing:border-box;margin-top:1.4rem;max-width:100%;overflow:hidden;padding:1rem;width:100%}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta h2{font-size:1.25rem;margin:0}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta p{color:#5a5a5a;font-size:.95rem;margin:.45rem 0 .8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .availabilityBadge{background:#e8e8e8;border-radius:14px;color:#444;font-size:.75rem;margin-bottom:.8rem;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions{display:flex;flex-wrap:wrap;gap:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn{align-items:center;background:#e9e9e9;border-radius:24px;color:#1f1f1f;display:inline-flex;font-size:.86rem;font-weight:500;justify-content:center;max-width:100%;padding:.55rem .9rem;text-decoration:none;transition:background-color .3s ease}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn:hover{background:#dedede}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .primary{background:#262626;color:#fff}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .primary:hover{background:#ff7f11}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta{background:linear-gradient(90deg,#141820b8,#10141cb8);border:1px solid #ffffff0d;box-sizing:border-box;max-width:100%;width:100%}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta h2{-webkit-text-fill-color:initial;background:none;color:#dfe9f6}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta p{color:#b5c4d8}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .availabilityBadge{background:#ff82141a;border:1px solid #ff821433;color:#ffd89b}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn{background:#ffffff14;border:1px solid #ffffff0f;color:#e6eef8}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn:hover{background:#ffffff21}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .primary{background:#ff8214;color:#0b0f15}body.dark .aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .primary:hover{background:#ff9a32}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.aboutMeContainer .aboutMeSubContainer .detailSection .tabPanel{animation:none}}@media screen and (max-width:1240px){.aboutMeContainer .aboutMeSubContainer{align-items:stretch;width:60%}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg,.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:340px;width:220px}.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:260px;width:340px}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats{grid-template-columns:repeat(2,minmax(0,1fr))}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid{grid-template-columns:1fr}}@media screen and (max-width:768px){.aboutMeContainer{margin-top:60px}.aboutMeContainer .aboutMeSubContainer{align-items:stretch;padding:1.2rem;width:90%}.aboutMeContainer .aboutMeSubContainer .profileSection{height:280px;margin-top:20px}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg,.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:220px;margin-left:-100px;width:150px}.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:180px;margin-left:30px;margin-top:-180px;width:220px}.aboutMeContainer .aboutMeSubContainer .detailSection h1{font-size:1.5rem;margin-bottom:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection p{font-size:.95rem;line-height:1.5}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats{gap:.6rem;grid-template-columns:1fr;margin-top:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard{border-radius:16px;padding:.7rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard span{font-size:.9rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard p{font-size:.75rem;margin-top:.3rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea{margin-top:1.2rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea h2{font-size:1.3rem;margin-bottom:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards{gap:.6rem;grid-template-columns:1fr}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard{border-radius:14px;padding:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard p{font-size:.9rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection{margin-top:1.2rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection h2{font-size:1.3rem;margin-bottom:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList{gap:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard{border-radius:14px;padding:.7rem .9rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard .yearTag{font-size:.7rem;padding:3px 8px}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard h3{font-size:.9rem;margin:.3rem 0 .15rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard p{font-size:.85rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection{margin-top:1.2rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection h2{font-size:1.3rem;margin-bottom:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid{gap:.6rem;grid-template-columns:1fr}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard{border-radius:14px;padding:.7rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard .metric{font-size:.65rem;padding:3px 8px}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard h3{font-size:.9rem;margin:.3rem 0 .15rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard p{font-size:.85rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta{border-radius:16px;margin-top:1rem;padding:.9rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta h2{font-size:1.1rem;margin-bottom:.5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta p{font-size:.85rem;margin:.3rem 0 .6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .availabilityBadge{font-size:.7rem;margin-bottom:.6rem;padding:4px 8px}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions{flex-direction:column;gap:.5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn{font-size:.8rem;padding:.5rem .8rem;width:100%}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs{gap:.4rem;margin-top:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn{border-radius:16px;font-size:.75rem;padding:.4rem .7rem}}@media screen and (max-width:480px){.aboutMeContainer{margin-top:40px}.aboutMeContainer .aboutMeSubContainer{padding:1rem;width:95%}.aboutMeContainer .aboutMeSubContainer .profileSection{height:240px;margin-top:15px}.aboutMeContainer .aboutMeSubContainer .profileSection .midImg,.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:180px;margin-left:-80px;width:120px}.aboutMeContainer .aboutMeSubContainer .profileSection .rightImg{height:140px;margin-left:20px;margin-top:-140px;width:180px}.aboutMeContainer .aboutMeSubContainer .detailSection h1{font-size:1.25rem;margin-bottom:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection p{font-size:.9rem;line-height:1.4}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats{gap:.5rem;margin-top:.7rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard{border-radius:12px;padding:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard span{font-size:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutStats .aboutStatCard p{font-size:.7rem;margin-top:.25rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea{margin-top:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea h2{font-size:1.1rem;margin-bottom:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards{gap:.5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard{border-radius:12px;padding:.7rem}.aboutMeContainer .aboutMeSubContainer .detailSection .focusArea .focusCards .focusCard p{font-size:.85rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection{margin-top:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection h2{font-size:1.1rem;margin-bottom:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList{gap:.5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard{border-left-width:3px;border-radius:12px;padding:.6rem .8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard .yearTag{font-size:.65rem;padding:2px 6px}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard h3{font-size:.85rem;margin:.25rem 0 .1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .timelineSection .timelineList .timelineCard p{font-size:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection{margin-top:1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection h2{font-size:1.1rem;margin-bottom:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid{gap:.5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard{border-radius:12px;padding:.6rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard .metric{font-size:.6rem;padding:2px 6px}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard h3{font-size:.85rem;margin:.25rem 0 .1rem}.aboutMeContainer .aboutMeSubContainer .detailSection .achievementSection .achievementGrid .achievementCard p{font-size:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta{border-radius:14px;margin-top:.8rem;padding:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta h2{font-size:1rem;margin-bottom:.4rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta p{font-size:.8rem;margin:.25rem 0 .5rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .availabilityBadge{font-size:.65rem;margin-bottom:.5rem;padding:3px 6px}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions{gap:.4rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutCta .ctaActions .ctaBtn{border-radius:12px;font-size:.75rem;padding:.45rem .7rem;width:100%}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs{gap:.3rem;margin-top:.8rem}.aboutMeContainer .aboutMeSubContainer .detailSection .aboutTabs .tabBtn{border-radius:14px;font-size:.7rem;padding:.35rem .6rem}}:root{--transition:0.4s linear;--image-size:50px;--image-size-small:30px;--font-size-small:12px;--font-size-medium:14px;--font-size-large:24px;--font-size-xl:30px;--font-size-xxl:40px;--font-weight-light:300;--line-height-small:20px;--line-height-medium:1.5;--border-width:2px}footer{display:flex;flex-direction:column;gap:40px;gap:var(--gap-large);padding:20px 0;padding:var(--gap-medium) 0;place-items:center}footer .footerCta{background:linear-gradient(90deg,#f7f7f7,#efefef);border-radius:28px;padding:1.2rem;text-align:center;width:min(48%,680px)}footer .footerCta h3{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;margin:0}footer .footerCta p{color:#555;font-size:.95rem;margin:.5rem 0 .9rem}footer .footerCta a{background:#262626;border-radius:24px;color:#fff;font-size:.84rem;padding:.55rem 1rem;text-decoration:none;transition:background-color .3s ease}footer .footerCta a:hover{background:#ff7f11}footer .copyright{align-items:center;display:flex;flex-direction:column;font-size:14px;font-size:var(--font-size-medium);font-weight:300;font-weight:var(--font-weight-light);gap:10px;gap:var(--gap-small);justify-content:center;width:60%}footer .copyright .connectLogo{display:flex;flex:100% 1;gap:10px;gap:var(--gap-small);justify-content:space-between}footer .copyright .connectLogo img{height:50px;height:var(--image-size);transition:transform .4s linear;transition:transform var(--transition);width:50px;width:var(--image-size)}footer .copyright .connectLogo img:hover{transform:scale(1.04)}footer .copyright #cprtdsc{font-family:Noto Sans,sans-serif;font-weight:300;font-weight:var(--font-weight-light)}@media only screen and (max-width:1000px){footer{gap:10px;gap:var(--gap-small)}footer .footerCta{width:72%}footer .copyright{width:80%}}@media only screen and (max-width:400px){.footerCta{width:88%}.footerCta h3{font-size:1.15rem}.copyright{width:90%}#cprt{font-size:12px;font-size:var(--font-size-small)}#contlgo img{height:30px;height:var(--image-size-small);margin-left:-4px;width:30px;width:var(--image-size-small)}}.highlightsSection{align-items:center;display:flex;flex-direction:column;font-family:Lexend,serif;gap:1rem;padding:1rem 0 2rem}.highlightsSection .highlightsHead{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;width:60%}.highlightsSection .highlightsGrid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:60%}.highlightsSection .highlightsGrid .highlightCard{background:#f5f5f5;border-radius:24px;min-height:170px;padding:1rem}.highlightsSection .highlightsGrid .highlightCard h3{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700;margin:0}.highlightsSection .highlightsGrid .highlightCard p{color:#555;font-size:.95rem;line-height:1.4}body.dark .highlightsSection .highlightCard h3{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1200px){.highlightsSection{padding:.8rem}.highlightsSection .highlightsGrid,.highlightsSection .highlightsHead{width:85%}.highlightsSection .highlightsGrid{gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.highlightsSection .highlightsGrid .highlightCard{border-radius:18px;min-height:150px;padding:.9rem}.highlightsSection .highlightsGrid .highlightCard h3{font-size:.95rem}.highlightsSection .highlightsGrid .highlightCard p{font-size:.9rem}}@media screen and (max-width:768px){.highlightsSection{gap:.8rem;padding:.6rem 0 1.5rem}.highlightsSection .highlightsHead{font-size:1.5rem;margin-bottom:.4rem;width:90%}.highlightsSection .highlightsGrid{gap:.7rem;grid-template-columns:1fr;width:90%}.highlightsSection .highlightsGrid .highlightCard{border-radius:16px;min-height:130px;padding:.8rem}.highlightsSection .highlightsGrid .highlightCard h3{font-size:.9rem;margin-bottom:.4rem}.highlightsSection .highlightsGrid .highlightCard p{font-size:.85rem;line-height:1.3}}@media screen and (max-width:480px){.highlightsSection{gap:.6rem;padding:.5rem 0 1rem}.highlightsSection .highlightsHead{font-size:1.3rem;margin-bottom:.3rem;width:95%}.highlightsSection .highlightsGrid{gap:.6rem;width:95%}.highlightsSection .highlightsGrid .highlightCard{border-radius:14px;min-height:120px;padding:.7rem}.highlightsSection .highlightsGrid .highlightCard h3{font-size:.85rem;margin-bottom:.3rem}.highlightsSection .highlightsGrid .highlightCard p{font-size:.8rem;line-height:1.25}}@keyframes zoomCard{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sheenSweep{0%{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}:root{--primary-font:Lexend,serif;--gap-small:10px;--gap-medium:20px;--gap-large:40px;--radius-small:20px;--radius-large:40px;--shadow:0 0 24px #f5f5f5;--transition:transform 0.4s ease;--background-light:#f5f5f5;--background-dark:#373737;--background-accent:#ff8214;--text-light:#fff;--text-dark:gray;--card-border:#e1e1e1cc}.projectsSection{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Lexend,serif;font-family:var(--primary-font);gap:20px;gap:var(--gap-medium);padding:20px 0;padding:var(--gap-medium) 0}.projectsSection .projectsHeading{width:60%}.projectsSection .projectsHeading h2{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#f12711,#f5af19);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0}.projectsSection .projectsHeading p{color:#5f5f5f;font-size:.95rem;margin:.4rem 0 0}.projectsSection .projectsGrid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:20px 0;padding:var(--gap-medium) 0;width:60%}.projectsSection .projectsGrid .projectCard{border-radius:40px;border-radius:var(--radius-large);cursor:pointer;display:flex;flex-direction:column;gap:0;opacity:0;overflow:hidden;position:relative;transform:scale(.8)}.projectsSection .projectsGrid .projectCard:before{background:linear-gradient(135deg,#fff0,#ffffff1a);border-radius:40px;border-radius:var(--radius-large);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.projectsSection .projectsGrid .projectCard.card-1{background:linear-gradient(135deg,#e8dff5,#d8cef0)}.projectsSection .projectsGrid .projectCard.card-2{background:linear-gradient(135deg,#f5d8e8,#f0cfe3)}.projectsSection .projectsGrid .projectCard.card-3{background:linear-gradient(135deg,#f5f0d8,#f0eacf)}.projectsSection .projectsGrid .projectCard.card-4{background:linear-gradient(135deg,#d8f0d8,#cfe8cf)}.projectsSection .projectsGrid .projectCard .projectImage{align-items:center;background:inherit;border-radius:0;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.projectsSection .projectsGrid .projectCard .projectImage .imageOverlay{display:none}.projectsSection .projectsGrid .projectCard .projectImage img{border-radius:0;height:100%;object-fit:cover;width:100%}.projectsSection .projectsGrid .projectCard .projectAbout{background:inherit;display:flex;flex-direction:column;gap:.6rem;padding:1rem;position:relative;z-index:2}.projectsSection .projectsGrid .projectCard .projectAbout .projectMeta{align-items:center;display:flex;gap:.5rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectMeta .projectIndex{background-color:#0000001a;border-radius:20px;border-radius:var(--radius-small);color:#1a1a1a;font-size:12px;font-weight:800;padding:3px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.projectsSection .projectsGrid .projectCard .projectAbout .projectName{color:#1a1a1a;font-size:1rem;font-weight:800;line-height:1.2;margin:0}.projectsSection .projectsGrid .projectCard .projectAbout .projectDescrip{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.8rem;font-weight:400;line-height:1.3;overflow:hidden}.projectsSection .projectsGrid .projectCard .projectAbout .projectStack{display:flex;flex-wrap:wrap;gap:.3rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectStack span{background:#00000014;border-radius:20px;color:#333;font-size:.6rem;font-weight:500;padding:2px 6px}.projectsSection .projectsGrid .projectCard .projectAbout .projectType{display:none}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding:.6rem 0 0}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions a{background-color:#262626;border:none;border-radius:20px;border-radius:var(--radius-small);color:#fff;flex:1 1;font-family:Lexend,serif;font-family:var(--primary-font);font-size:.65rem;font-weight:600;min-width:80px;padding:5px 10px;text-align:center;text-decoration:none}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions a:hover{background-color:#ff7f11;transform:translateY(-2px)}.projectsSection .projectsGrid .projectCard.visible{animation:zoomCard .4s ease;opacity:1;transform:scale(1)}.projectsSection .projectsGrid .projectCard.visible:hover{box-shadow:0 10px 30px #0000001f;transform:translateY(-6px) scale(1.02)}.projectsSection .projectsGrid .projectCard.visible:hover .projectImage img{transform:scale(1.05)}.projectsSection .projectsGrid .projectCard.visible:hover .projectAbout .projectName{transform:translateX(2px)}.projectsSection .projectsGrid .projectCard.visible:hover .projectStack span{background-color:#0000001f}@media only screen and (max-width:480px){.projectsSection{gap:.6rem;padding:.8rem 10px 1rem}.projectsSection .projectsHeading{margin:.5rem auto .6rem;width:95%}.projectsSection .projectsHeading h2{font-size:1.25rem;margin-bottom:.25rem}.projectsSection .projectsHeading p{font-size:.75rem}.projectsSection .projectsGrid{gap:.6rem;padding:0;width:95%}.projectsSection .projectsGrid .projectCard{border-radius:14px}.projectsSection .projectsGrid .projectCard .projectImage{height:120px}.projectsSection .projectsGrid .projectCard .projectAbout{gap:.35rem;padding:.7rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectMeta .projectIndex{font-size:10px;padding:2px 5px}.projectsSection .projectsGrid .projectCard .projectAbout .projectName{font-size:.85rem;font-weight:700}.projectsSection .projectsGrid .projectCard .projectAbout .projectDescrip{-webkit-line-clamp:2;font-size:.7rem;line-height:1.25}.projectsSection .projectsGrid .projectCard .projectAbout .projectStack{gap:.2rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectStack span{font-size:.5rem;padding:1px 4px}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions{gap:.25rem;padding-top:.4rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions a{flex:1 1;font-size:.55rem;min-width:0;padding:3px 5px}.projectsSection .projectsGrid .projectCard:hover{transform:translateY(-2px) scale(1.01)}}@media only screen and (max-width:600px){.projectsSection{gap:.7rem;padding:1rem 12px 1.2rem}.projectsSection .projectsHeading{margin:.6rem auto .7rem;width:92%}.projectsSection .projectsHeading h2{font-size:1.4rem;margin-bottom:.3rem}.projectsSection .projectsHeading p{font-size:.8rem}.projectsSection .projectsGrid{gap:.8rem;grid-template-columns:1fr;width:92%}.projectsSection .projectsGrid .projectCard{border-radius:16px}.projectsSection .projectsGrid .projectCard .projectImage{height:135px}.projectsSection .projectsGrid .projectCard .projectAbout{gap:.45rem;padding:.75rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectMeta .projectIndex{font-size:11px;padding:2px 6px}.projectsSection .projectsGrid .projectCard .projectAbout .projectName{font-size:.9rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectDescrip{font-size:.72rem;line-height:1.3}.projectsSection .projectsGrid .projectCard .projectAbout .projectStack span{font-size:.55rem;padding:1px 5px}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions a{font-size:.6rem;padding:4px 8px}}@media only screen and (max-width:768px){.projectsSection{gap:.8rem;padding:1.2rem 15px}.projectsSection .projectsHeading{margin:.8rem auto;width:88%}.projectsSection .projectsHeading h2{font-size:1.6rem;margin-bottom:.35rem}.projectsSection .projectsHeading p{font-size:.85rem}.projectsSection .projectsGrid{gap:.9rem;grid-template-columns:1fr;width:88%}.projectsSection .projectsGrid .projectCard{border-radius:18px}.projectsSection .projectsGrid .projectCard .projectImage{height:145px}.projectsSection .projectsGrid .projectCard .projectAbout{gap:.5rem;padding:.85rem}.projectsSection .projectsGrid .projectCard .projectAbout .projectMeta .projectIndex{font-size:11px;padding:3px 7px}.projectsSection .projectsGrid .projectCard .projectAbout .projectName{font-size:.95rem;line-height:1.2}.projectsSection .projectsGrid .projectCard .projectAbout .projectDescrip{font-size:.75rem;line-height:1.3}.projectsSection .projectsGrid .projectCard .projectAbout .projectActions a{font-size:.62rem;min-width:75px;padding:5px 8px}}@media only screen and (max-width:1024px){.projectsSection .projectsHeading{width:80%}.projectsSection .projectsHeading h2{font-size:1.8rem}.projectsSection .projectsGrid{gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:80%}}@media only screen and (max-width:1200px){.projectsSection .projectsHeading{width:80%}.projectsSection .projectsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:80%}}@media only screen and (min-width:1200px){.projectsSection .projectsGrid,.projectsSection .projectsHeading{width:60%}}.designQuote{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:20px}.designQuote .qt{font-family:Lexend,serif;font-size:40px;text-align:center;width:60%}.welcomeSection{align-items:center;display:flex;flex-direction:column;font-family:Lexend,serif;justify-content:center;margin-top:100px;min-height:200px;padding:40px 0}.welcomeSection .greet{-webkit-text-fill-color:#0000;background:linear-gradient(270deg,#000,grey);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;text-align:center;transition:transform .4s ease;width:60%}.welcomeSection .basedIn{display:flex;gap:10px;padding:1.4rem .5rem}.welcomeSection .basedIn img{height:20px;width:20px}.welcomeSection .basedIn img:hover{animation:popUp;transition:transform .4s ease}@keyframes popUp{0%{transform:scale(1)}to{transform:scale(1.2)}}.welcomeSection .basedIn .place{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#444,grey);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.welcomeSection .intro{color:#444;font-size:1.2rem;font-weight:350;text-align:center;width:40%}.welcomeSection .welcomeStats{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;width:60%}.welcomeSection .welcomeStats .statChip{background:#f5f5f5;border-radius:20px;padding:.8rem .5rem;text-align:center}.welcomeSection .welcomeStats .statChip span{font-size:1rem;font-weight:700}.welcomeSection .welcomeStats .statChip p{color:#626262;font-size:.8rem;margin:.35rem 0 0}@media only screen and (max-width:768px){.welcomeSection{margin-top:0;min-height:150px;padding:20px 15px}.welcomeSection .greet{font-size:1.8rem;line-height:1.2;width:70%}.welcomeSection .basedIn{gap:8px;padding:1rem .4rem}.welcomeSection .basedIn img{height:16px;width:16px}.welcomeSection .basedIn .place{font-size:.8rem}.welcomeSection .intro{font-size:.9rem;line-height:1.4;width:85%}.welcomeSection .welcomeStats{gap:.6rem;grid-template-columns:1fr;margin-top:.8rem;width:90%}.welcomeSection .welcomeStats .statChip{border-radius:16px;padding:.7rem .5rem;text-align:center}.welcomeSection .welcomeStats .statChip span{font-size:.95rem;font-weight:700}.welcomeSection .welcomeStats .statChip p{font-size:.75rem;margin:.25rem 0 0}}@media screen and (max-width:480px){.welcomeSection{margin-top:0;min-height:120px;padding:15px 10px}.welcomeSection .greet{font-size:1.5rem;line-height:1.15;width:90%}.welcomeSection .basedIn{gap:6px;padding:.8rem .3rem}.welcomeSection .basedIn img{height:14px;width:14px}.welcomeSection .basedIn .place{font-size:.75rem}.welcomeSection .intro{font-size:.85rem;line-height:1.3;width:90%}.welcomeSection .welcomeStats{gap:.5rem;margin-top:.6rem;width:95%}.welcomeSection .welcomeStats .statChip{border-radius:14px;padding:.6rem .4rem}.welcomeSection .welcomeStats .statChip span{font-size:.85rem}.welcomeSection .welcomeStats .statChip p{font-size:.7rem;margin:.2rem 0 0}}@media screen and (max-width:320px){.welcomeSection{margin-top:0;padding:12px 8px}.welcomeSection .greet{font-size:1.3rem;width:95%}.welcomeSection .basedIn{padding:.7rem .25rem}.welcomeSection .basedIn .place{font-size:.7rem}.welcomeSection .intro{font-size:.8rem}}
/*# sourceMappingURL=main.ad73ac73.css.map*/