@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");*{margin:0;padding:0}body{font-family:DM Sans,sans-serif}body,html{overflow-x:hidden;width:100%}#gridCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10000}.background-video{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-9999;display:block;pointer-events:none;overflow:hidden}.background-video .bg-video{width:100%;height:100vh;object-fit:cover;display:block;max-width:100%;max-height:100vh}.mobile-bg{display:none}.desktop-bg{display:block}.background-video:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,0) 60%,#fff);z-index:1}html{scroll-behavior:smooth}p{color:#555}.btn,a{transition:all .3s ease}.nav-links,nav{display:flex}nav{justify-content:space-around;align-items:center;height:13vh}.desktop-nav{position:fixed;width:90%;z-index:1000;box-shadow:0 0 0 1px hsla(0,0%,100%,.6),0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.25);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:transform .3s ease;border-bottom:1px solid hsla(0,0%,100%,.3);margin-top:20px;margin-left:auto;margin-right:auto;left:0;right:0;box-sizing:border-box;border-radius:5rem;padding-left:10px;padding-right:10px;transform:translateY(0);overflow:visible}.desktop-nav.nav-hidden{transform:translateY(-120%);pointer-events:none}.desktop-nav:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 50%,transparent);pointer-events:none;opacity:.8;border-radius:5rem}.nav-links{gap:1.5rem;list-style:none;font-size:1.3rem}.nav-links li{position:relative}a{color:#000;text-decoration:none}a:hover{color:gray;text-decoration:underline;text-underline-offset:1rem;-webkit-text-decoration-color:gray;text-decoration-color:gray}.logo{font-size:1.2rem;font-family:DM Sans,serif;display:flex;flex-direction:row;gap:1rem;align-items:center;h1{font-weight:400}img{height:50px;transition:rotate .3s ease,transform .3s ease}}.logo:hover{cursor:default}#hamburger-nav{display:none}.hamburger-menu{position:relative;display:inline-block;z-index:1000000}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer;z-index:1001;position:relative;border:5px solid transparent;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 0 1px hsla(0,0%,100%,.6),0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.25);border-radius:5rem;border:1px solid hsla(0,0%,100%,.3);padding:15px}.hamburger-icon span{width:100%;height:2px;background-color:#000;transition:all .3s ease-in-out;border-radius:5px}.menu-links{position:absolute;top:100%;right:0;background:hsla(0,0%,100%,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);width:250px;max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);transform-origin:top right;transform:scale(.95);opacity:0;padding:0;margin-top:10px}.menu-links a{display:block;padding:15px 20px;text-align:left;font-size:1.2rem;color:#000;text-decoration:none;transition:all .3s ease-in-out;opacity:0;transform:translateY(10px);border-bottom:1px solid rgba(0,0,0,.05)}.menu-links a:hover{background:rgba(0,0,0,.05);padding-left:25px;text-decoration:none;text-underline-offset:0}.menu-links li{list-style:none}.menu-links.open{max-height:400px;transform:scale(1);opacity:1;padding:10px}.menu-links.open a{opacity:1;transform:translateY(0);transition-delay:.2s}.menu-links.open a:nth-child(2){transition-delay:.25s}.menu-links.open a:nth-child(3){transition-delay:.3s}.menu-links.open a:nth-child(4){transition-delay:.35s}.menu-links.open a:nth-child(5){transition-delay:.4s}.menu-links.open a:nth-child(6){transition-delay:.45s}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(8px,-8px)}.hamburger-logo{display:flex;align-items:center;padding:10px 15px;position:relative;z-index:1000;border:5px solid transparent;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 0 1px hsla(0,0%,100%,.6),0 8px 32px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.25);border-radius:5rem;border:1px solid hsla(0,0%,100%,.3)}section{padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:-moz-fit-content;min-height:fit-content;overflow-x:clip;overflow-y:visible}.section-container{display:flex;align-items:center;gap:2rem}#profile{display:flex;justify-content:center;gap:5rem;animation:fadeInBlur 1s ease-out}.section-pic-container{display:flex;height:400px;width:400px;margin:auto,0;animation:slideInFromLeft 1s ease-out}.profile-photo{border-radius:50%;box-shadow:0 0 20px #fff,0 0 60px #fff,0 0 40px #fff,0 0 80px #fff}.profile-photo:hover{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 .5rem 1rem #fff;border-style:dashed;border-width:.1rem;padding:.7rem}.section-text{align-self:center;text-align:center}.section-text.profile-text{position:absolute;top:27vh;right:0;margin-right:6vw;align-items:flex-end;text-align:right;display:flex;flex-direction:column;justify-content:flex-start}.section-text.profile-text .name{background:linear-gradient(270deg,#222,#444 40%,#8e8c8c 80%,#222);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ash-gradient-move 10s ease-in-out infinite}@keyframes ash-gradient-move{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.section-text-p1{text-align:center;font-size:1.2rem;font-weight:500}.section-text-p2{margin-bottom:2rem;margin-top:-.8rem}.section-text-p2,.section-text-p3{font-size:1.2rem;font-weight:500;color:#707070}.section-text-p3{margin-bottom:1rem}.inline-container{justify-content:center;display:flex;align-items:center;margin-bottom:-.5rem}.inline-2{margin-bottom:.5rem}.section-text-p4{font-size:.9rem;color:#969696;font-weight:400}.uni-logo{width:auto;height:40px}.title{font-size:2.5rem;text-align:center;font-weight:600}.about-title{margin-bottom:2rem}.name{font-size:5.8rem;font-weight:500;font-family:DM Sans,serif}.slogan-inline-btn{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:68vh;flex-direction:column}.slogan-profile{text-align:center}.slogan-text{font-size:1.5rem;font-weight:500;color:#555;margin-bottom:1rem}#social-container{display:flex;justify-content:center;margin-top:1rem;gap:1.5rem}.icon{cursor:pointer;height:2rem}.forward-icon{position:absolute;top:10px;left:-20px;z-index:-1;opacity:.2}.btn-container{display:flex;justify-content:center;gap:1rem;margin-top:10px}.btn{font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);padding:1rem 1.5rem;width:auto;min-width:8.4rem;border-radius:100px;font-size:.95rem;letter-spacing:.3px}.btn,.btn2{position:relative;overflow:hidden}.btn2{font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);padding:.75rem;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn2.leftbtn,.btn2.rightbtn{background:hsla(0,0%,100%,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(31,38,135,.15),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn2.leftbtn:before,.btn2.rightbtn:before{content:"";position:absolute;inset:0;border-radius:14px;padding:2px;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.btn2.leftbtn:hover:before,.btn2.rightbtn:hover:before{opacity:1}.btn2.leftbtn:after,.btn2.rightbtn:after{content:"";position:absolute;inset:-15px;background:radial-gradient(circle,rgba(0,0,0,.08) 0,transparent 70%);border-radius:50%;opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:-1}.btn2.leftbtn:hover:after,.btn2.rightbtn:hover:after{opacity:1;inset:-20px}.btn2.leftbtn:hover,.btn2.rightbtn:hover{transform:scale(1.12) translateY(-3px);background:hsla(0,0%,100%,.35);border:2px solid rgba(0,0,0,.25);box-shadow:0 12px 40px rgba(31,38,135,.25),inset 0 1px 0 hsla(0,0%,100%,.5),0 0 0 4px hsla(0,0%,100%,.1)}.btn2.leftbtn:active,.btn2.rightbtn:active{transform:scale(1.05) translateY(-1px);box-shadow:0 4px 16px rgba(31,38,135,.2),inset 0 2px 4px rgba(0,0,0,.1)}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:28px;height:28px;object-fit:contain;filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(20%) contrast(100%);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn2.leftbtn:hover .icon,.btn2.rightbtn:hover .icon{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(10%) contrast(100%);transform:scale(1.15)}.btn2.leftbtn:disabled,.btn2.rightbtn:disabled{opacity:.3;cursor:not-allowed;transform:none;background:hsla(0,0%,100%,.15);border:2px solid rgba(0,0,0,.08)}.btn2.leftbtn:disabled:hover,.btn2.rightbtn:disabled:hover{transform:none;box-shadow:0 8px 32px rgba(31,38,135,.15)}.btn-color-1,.btn-color-2{backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);color:#000;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;border:0 solid transparent}.btn-color-1{background:hsla(0,0%,100%,.08);box-shadow:0 0 0 2px hsla(0,0%,100%,.6),0 16px 32px rgba(0,0,0,.12);font-weight:500}.btn-color-2{background:rgba(0,0,0,.05);box-shadow:0 0 0 2px rgba(53,53,53,.3),0 16px 32px rgba(0,0,0,.12);font-weight:500;min-width:12rem}.btn-color-1:before,.btn-color-2:before{content:"";position:absolute;inset:0;border-radius:100px;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;z-index:-1}.btn-color-1:hover{background:hsla(0,0%,100%,.12);box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 20px 40px rgba(0,0,0,.18)}.btn-color-1:hover,.btn-color-2:hover{transform:translateY(-3px) scale(1.02);color:#000}.btn-color-2:hover{background:rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(53,53,53,.5),0 20px 40px rgba(0,0,0,.18)}.btn-color-1:hover:before,.btn-color-2:hover:before{opacity:1}.btn-color-1:active{transform:translateY(-1px) scale(1);box-shadow:0 0 0 2px hsla(0,0%,100%,.7),0 8px 20px rgba(0,0,0,.15)}.btn-color-2:active{transform:translateY(-1px) scale(1);box-shadow:0 0 0 2px rgba(53,53,53,.4),0 8px 20px rgba(0,0,0,.15)}@keyframes slideButtonFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn2.leftbtn,.btn2.rightbtn{animation:slideButtonFadeIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.btn2.leftbtn{animation-delay:.1s}.btn2.rightbtn{animation-delay:.2s}.btn2.leftbtn:focus,.btn2.rightbtn:focus{outline:3px solid rgba(0,0,0,.3);outline-offset:3px}.btn2.leftbtn:focus:not(:focus-visible),.btn2.rightbtn:focus:not(:focus-visible){outline:none}@keyframes swipeHintPulse{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.02)}}@keyframes swipeArrowMove{0%,to{transform:translateX(0);opacity:.8}50%{transform:translateX(4px);opacity:1}}@media screen and (max-width:768px){#achievements,#projects{position:relative;height:auto;min-height:-moz-fit-content;min-height:fit-content}.experience-details-container-project .btn2.leftbtn,.experience-details-container-project .btn2.rightbtn{display:none}}.inline-btn-social-container{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}#about{position:relative}.about-containers2{gap:1rem;margin-bottom:1rem;margin-top:2rem;padding:2rem 1rem;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.about-containers2::-webkit-scrollbar{display:none}.about-containers1{margin-bottom:1rem;margin-top:3rem;justify-content:space-between;gap:2rem;align-items:center}.about-containers1,.quote{display:flex;flex-direction:row}.quote{font-weight:700;gap:.5rem;justify-content:center;align-items:baseline;width:100%}.achieve{font-size:70px;transform:rotate(-15deg);font-family:var(--font-kaushan),cursive}.imagine{font-size:50px;font-family:Playfair Display,serif}.about-containers::-webkit-scrollbar{width:.2em}.about-containers::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 #000}.about-containers::-webkit-scrollbar-thumb{background-color:#d3d3d3;outline:1px solid #fff}.about-details-container{justify-content:center;flex-direction:column}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:2rem;filter:grayscale(100%) contrast(1.1);-webkit-filter:grayscale(100%) contrast(1.1)}.about-pic:hover{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 .5rem 1rem rgba(0,0,0,.5)}.arrow{position:absolute;right:-5rem;bottom:2rem;cursor:pointer;height:2rem}.details-container{position:relative;padding:1.5rem;flex:1 1;background:#fff;border-radius:2rem;box-shadow:0 0 20px rgba(0,0,0,.1);border-color:#a3a3a3;text-align:center;display:inline-block}.details-container p{font-size:.8rem}.text-container{padding:20px;margin:0 auto;line-height:1.6}.text-container p{margin-bottom:5px;font-size:.85rem}.card1,.card2{position:relative;width:100%;height:200px;border-radius:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid hsla(0,0%,61%,.466)}.card svg,.card1,.card2{transition:all .6s cubic-bezier(.23,1,.32,1)}.card svg{width:100px;fill:#333}.card1:hover{transform:rotate(5deg) scale(1.1)}.card1:hover,.card2:hover{box-shadow:0 10px 20px rgba(0,0,0,.2)}.card2:hover{transform:rotate(-5deg) scale(1.1)}.card__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#fff;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover .card__content{transform:translate(-50%,-50%) rotate(0deg);opacity:1}.card__title{margin:0;font-size:20px;color:#333;font-weight:500;text-align:center}.card__description{margin:10px 0 0;font-size:13px;color:#777;line-height:1.4;text-align:center;border-top:1px solid #928f8f;padding-top:10px}.card:hover svg{scale:0;transform:rotate(-45deg)}#skills{position:relative;background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),url(/assets/skill-background.png) 50%/contain no-repeat;background-attachment:scroll;background-size:contain;background-repeat:no-repeat;background-position:70%}.experience-subtitle{color:#555;font-weight:600;font-size:1.75rem;margin-bottom:2rem}.experience-details-container{display:flex;justify-content:center;flex-direction:column}.experience-details-container-project{display:flex;align-items:center;flex-direction:row;padding:0 2rem;gap:1rem;position:relative}.experience-details-container-project .btn2.leftbtn{position:absolute;left:1rem;z-index:10}.experience-details-container-project .btn2.rightbtn{position:absolute;right:1rem;z-index:10}.article-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:1rem;justify-content:space-around}article{display:flex;width:7rem}article .icon{cursor:default}.category-buttons{margin-top:2rem;display:flex;justify-content:center;gap:10px;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:8px 16px;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);cursor:pointer;transition:all .3s ease;color:#000}.category-btn:hover{background:hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.4)}.category-btn.active{background-color:#333;color:#fff}.skills-container{display:flex;flex-direction:column;align-items:center}.skills-row{display:flex;justify-content:center;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skills-row.show{opacity:1;transform:translateY(0)}.tech-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;margin:10px;transition:transform .3s ease;position:relative}.tech-icon:hover{transform:scale(1.1)}.tech-icon img{width:60px;height:60px}.tech-icon span{margin-top:8px;font-size:12px;text-align:center}.tech-icon .experience-level{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.25);color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:20%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);font-weight:500;font-size:.8rem}.tech-icon:hover .experience-level{opacity:1}.github-button{display:flex;align-items:center;justify-content:center;margin-top:2rem}.github-button a{display:inline-flex;align-items:center;padding:8px 16px;border:.1rem solid #33333381;border-radius:20px;text-decoration:none;color:#333;transition:all .3s ease}.github-button a:hover{background-color:#dfdcdc}.github-button svg{margin-right:8px}.counters{display:flex;justify-content:center;gap:2.5rem;padding:1.5rem;margin:2rem auto;max-width:-moz-fit-content;max-width:fit-content;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1)}.counter-container{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s;display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem}.counter{font-size:2.2rem;font-weight:600;margin-bottom:.3rem}.label{font-size:.7rem;opacity:.8;text-align:center}#projects{position:relative}color-container{border-color:#a3a3a3;background:#fafafa}.info{display:flex;flex-direction:row;gap:1rem;justify-items:center;align-items:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateX(-30px) scale(.95)}60%{opacity:.8;transform:translateX(5px) scale(1.01)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateX(0) scale(1)}40%{opacity:.5;transform:translateX(-10px) scale(.98)}to{opacity:0;transform:translateX(-30px) scale(.95)}}.info2{display:flex;opacity:0;max-height:0;width:0;overflow:hidden;flex-direction:column;gap:1rem;transform:translateX(-30px) scale(.95);animation:fadeSlideOut .5s cubic-bezier(.4,0,.2,1) forwards}.info2 h3{font-weight:500;font-size:medium;transition:opacity .4s ease .2s,transform .4s ease .2s}.info2 h3,.info2 p{opacity:0;transform:translateY(-10px)}.info2 p{width:200px;font-size:.7rem;transition:opacity .4s ease .35s,transform .4s ease .35s}.details-container.expanded .info2{width:100%;max-height:500px;animation:fadeSlideIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.details-container.expanded .info2 h3,.details-container.expanded .info2 p{opacity:1;transform:translateY(0)}.details-container.expanded .info1{transform:translateX(-10px)}.info1{transition:transform .3s ease}.info1:hover{transform:translateX(-10px)}.project-img{border-radius:2rem;width:280px;height:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.project-img:hover{transform:scale(1.05) rotate(-2deg);box-shadow:0 .5rem 1.5rem rgba(0,0,0,.4)}.project-title{margin:1rem;color:#000;font-size:1.2rem}.project-btn{color:#000;border-color:#a3a3a3;width:-moz-fit-content;width:fit-content}.tech-stack{margin-top:.8rem;border-top:1px solid #a3a3a3;padding-top:5px}.iconss{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.domain-chip{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:15px;font-size:.7rem;font-weight:600;color:#fff;background:rgba(0,0,0,.7);z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.domain-chip.ai-ml{background:linear-gradient(135deg,#673ab7,#3f51b5)}.domain-chip.fullstack{background:linear-gradient(135deg,#4caf50,#2196f3)}.domain-chip.backend{background:linear-gradient(135deg,#ff9800,#f44336)}.domain-chip.computer-vision{background:linear-gradient(135deg,#e91e63,#9c27b0)}.domain-chip.system{background:linear-gradient(135deg,#607d8b,#455a64)}.movie-quote{display:flex;margin:5rem 10%;flex-direction:column;gap:-2rem;padding:0 1rem}.quote-mark{font-size:clamp(2rem,8vw,6rem);color:#333;vertical-align:top;margin-right:.5rem;font-family:Poppins,sans-serif;margin-bottom:clamp(-2rem,-5vw,-5rem)}.quote-part1{font-size:clamp(1rem,4.5vw,3.5rem);line-height:1.3}.quote-part1,.quote-part2{color:#555;font-weight:600;display:block;font-family:Poppins,sans-serif;white-space:nowrap;overflow:visible}.quote-part2{font-size:clamp(1.2rem,7vw,6.5rem);line-height:1.2}.quote-part3{font-size:clamp(1.1rem,5vw,4rem);color:#444;font-weight:600;display:block;font-style:italic;line-height:1.3;overflow:visible}.quote-author,.quote-part3{font-family:Poppins,sans-serif;white-space:nowrap}.quote-author{font-size:clamp(.75rem,1.5vw,1.2rem);color:#777;font-weight:500;margin-top:1.5rem;align-self:flex-end}#achievements{position:relative}.achievement-container{padding:1rem;background:#fff;border-radius:2rem;box-shadow:0 0 20px rgba(0,0,0,.1);border-color:#a3a3a3;text-align:center;display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.achv-photo{border-radius:2rem;width:400px;height:auto}.achv-photo:hover{transform:scale(1.05);transition:transform .3s ease;box-shadow:0 .5rem 1rem rgba(0,0,0,.5)}.achv-btn{color:#000;border-color:#a3a3a3;width:-moz-fit-content;width:fit-content}.achv-photo-container{display:flex;text-align:initial;flex-wrap:wrap;flex-direction:row;gap:1rem;justify-content:space-around;margin-top:2.5rem}.place-container{display:flex;justify-content:center;margin-top:1rem;flex-direction:row;align-items:center;margin-bottom:1rem}.achv-title{color:#000;font-size:1.2rem;margin-bottom:0;white-space:nowrap;font-weight:500}.achv-desc{text-align:justify}.team-members{display:flex;align-items:center;position:relative;padding:10px 0}.achv-member{height:3.5rem;width:3.5rem;border-radius:50%;cursor:pointer;position:relative;border:3px solid hsla(0,0%,100%,.9);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1;object-fit:cover}.team-members .achv-member:not(:first-child):not([alt=line]){margin-left:-15px}.team-members .achv-member[alt=line]{margin:0 5px;border:none;box-shadow:none;z-index:0;height:2rem;width:auto;border-radius:0;cursor:default}.achv-member:not([alt=line]):hover{transform:translateY(-8px) scale(1.15);z-index:100;border-color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.4)}.team-members:hover .achv-member:not([alt=line]):not(:hover){opacity:.6;filter:grayscale(20%)}#contact{display:flex;justify-content:center;flex-direction:column;height:70vh;position:relative;background:linear-gradient(hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,#fff),url(/assets/contact-background.png) 50%/cover no-repeat;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:1}.contact-info-upper-container{display:flex;justify-content:center;border-radius:2rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);margin:1rem auto;padding:.5rem;gap:.5rem}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem;max-width:400px}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}.email-icon{height:2.5rem}.batman{height:5rem;display:block;margin-left:auto;margin-right:auto}footer{height:30vh;margin:0 1rem}footer p{text-align:center;font-size:1rem;color:#555}.footer-note{font-size:.8rem}.logo-img{height:50px;transition:animation .3s ease}.logo-img,.logo-img-mobile{animation:logo-spin 12s linear infinite}.logo-img-mobile{height:40px;width:auto}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}.loading-content{text-align:center;font-family:DM Sans,sans-serif}.loading-content h2{font-size:2.5rem;font-weight:500;color:#000;margin-bottom:.5rem}.loading-content p{font-size:1.2rem;color:#333;margin-bottom:2rem;font-style:italic}.loading-spinner{width:40px;height:40px;margin:0 auto;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:#000;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.stay-top-btn{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.1);border-radius:1rem;padding:1rem;cursor:pointer;transition:all .3s ease;width:200px;max-width:90%;z-index:1000;position:relative;overflow:hidden;margin-bottom:5vh}.stay-top-btn:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.stay-btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.stay-btn-content,.stay-text{transition:transform .3s ease}.stay-text{font-size:1.2rem;font-weight:500;letter-spacing:8px;color:#000}.morse-code{font-size:1.6rem;letter-spacing:2px;color:#000;opacity:0;transform:translateY(-15px);transition:opacity .3s ease,transform .3s ease;height:0}.stay-top-btn:hover .stay-text{transform:translateY(-8px)}.stay-top-btn:hover .morse-code{opacity:.8;transform:translateY(0);height:auto}.contact-split-container{display:flex;max-width:1200px;margin:2rem auto;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);overflow:hidden;gap:1rem;padding:.5rem}.contact-left-panel,.contact-right-panel{flex:1 1;padding:2.5rem;border-radius:1rem;border:1px solid #e0e0e0;border:1px solid hsla(0,0%,100%,.2);border-radius:20px}.contact-left-panel,.contact-right-panel{background:#fafafa48;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px 0 rgba(0,0,0,.1)}.contact-left-panel{border-radius:1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:20px}.contact-panel-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#000}.contact-info-list{display:flex;flex-direction:column;gap:1.5rem}.contact-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);border-radius:12px;transition:all .3s ease}.contact-info-item:hover{background:hsla(0,0%,100%,.7);transform:translateX(5px)}.contact-item-icon{width:32px;height:32px;flex-shrink:0}.contact-item-text{display:flex;flex-direction:column;gap:.25rem}.contact-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.map-container iframe{filter:grayscale(100%) contrast(1.1);-webkit-filter:grayscale(100%) contrast(1.1)}.contact-item-text a{color:#000;text-decoration:none;font-size:1rem;transition:color .3s ease}.contact-item-text a:hover{color:#555}.location-info{display:flex;flex-direction:column;gap:1.5rem}.location-text{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 8px 32px 0 rgba(0,0,0,.1);border-radius:12px}.location-icon{width:32px;height:32px;color:#000;flex-shrink:0}.location-city{font-size:.8rem;font-weight:600;color:#000;margin:0}.location-subtitle{font-size:.85rem;color:#666;margin:0}.map-container{width:100%;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media screen and (max-width:768px){.contact-split-container{flex-direction:column;margin:1rem}.contact-left-panel{border-right:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.contact-left-panel,.contact-right-panel{padding:1.5rem}.map-container{height:250px}.contact-panel-title{font-size:1.3rem}}.scroll-to-top{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:hsla(0,0%,100%,.08);backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);border:2px solid transparent;border-radius:50%;box-shadow:0 0 0 2px hsla(0,0%,100%,.6),0 16px 32px rgba(0,0,0,.12);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999;display:flex;align-items:center;justify-content:center}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:hsla(0,0%,100%,.12);box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 20px 40px rgba(0,0,0,.18);transform:translateY(-5px) scale(1.05)}.scroll-to-top:active{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 2px hsla(0,0%,100%,.7),0 8px 20px rgba(0,0,0,.15)}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);width:60px;height:60px}.progress-ring-circle{stroke-dasharray:164;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear;stroke:rgba(0,0,0,.15)}.progress-ring-bar{stroke-dasharray:164;stroke-dashoffset:164;transition:stroke-dashoffset .1s linear;stroke-linecap:round;stroke:rgba(0,0,0,.7)}.arrow-icon{width:24px;height:24px;color:rgba(0,0,0,.8);transition:all .3s ease;position:relative;z-index:1;filter:drop-shadow(0 1px 2px hsla(0,0%,100%,.5))}.scroll-to-top:hover .arrow-icon{transform:translateY(-3px);color:#000}.scroll-velocity-banner{width:100%;position:relative;z-index:10;padding:0;margin:5vh auto}@font-face{font-family:__Kaushan_Script_c393a4;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/25a54a5e2b29b921-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Kaushan_Script_c393a4;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e6df576ec67d906e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Kaushan_Script_Fallback_c393a4;src:local("Arial");ascent-override:120.51%;descent-override:40.80%;line-gap-override:0.00%;size-adjust:89.95%}.__className_c393a4{font-family:__Kaushan_Script_c393a4,__Kaushan_Script_Fallback_c393a4;font-weight:400;font-style:normal}.__variable_c393a4{--font-kaushan:"__Kaushan_Script_c393a4","__Kaushan_Script_Fallback_c393a4"}@media screen and (min-width:1280px){.absolute{top:50px!important}.timeline-item:before{font-size:2rem}.fourth-mile,.second-mile{max-width:300px}.seventh-mile,.sixth-mile{max-width:200px}.third-mile{margin-top:50px;max-width:300px}.fifth-mile{margin-top:50px;max-width:200px}section{margin:0 10%}}@media screen and (min-width:1400px){.profile-section{height:90vh;margin-top:10vh}.slogan-inline-btn{margin-top:50vh}}@media screen and (min-width:1280px) and (max-width:1400px){.slogan-inline-btn{margin-top:82vh}}@media screen and (max-width:1400px){.about-containers1{flex-wrap:wrap}#skills,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}section{margin:0 5%}.section-pic-container{margin:2rem auto}.about-containers1{margin-top:0;flex-direction:row}.contact-info-upper-container{flex-wrap:wrap}}@media screen and (max-width:1400px) and (min-width:1281px){.nav-links{gap:1.2rem}.logo,.nav-links{font-size:1.1rem}.logo img{height:45px}nav{height:12vh}}@media screen and (max-width:1280px) and (min-width:1024px){.nav-links{gap:1rem}.logo,.nav-links{font-size:1rem}.logo img{height:40px}nav{height:11vh}.desktop-nav{padding-left:8px;padding-right:8px}}@media screen and (max-width:1280px){.about-containers1{flex-wrap:wrap}#desktop-nav{display:none}#hamburger-nav{display:flex}.fourth-mile,.second-mile,.sixth-mile{max-width:200px}.fifth-mile,.seventh-mile,.third-mile{margin-top:0;max-width:200px}}@media screen and (max-width:600px){#contact,footer{height:40vh}#profile{height:86vh;margin-bottom:0}.background-video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;z-index:2;pointer-events:none}#profile{gap:2rem;height:66vh;padding:0 1rem;margin:17vh 0 0}#profile,.section-text.profile-text{flex-direction:column;align-items:center}.section-text.profile-text{position:static;margin:0;text-align:center;display:flex;justify-content:flex-start}.name{font-size:4rem!important;word-break:break-word;margin-bottom:.5rem}.section-pic-container{margin:1rem auto;width:85vw;height:85vw;max-width:340px;max-height:340px}.profile-photo{width:100%;height:100%;object-fit:cover}.inline-2,.inline-container{justify-content:center;margin-bottom:.5rem}.uni-logo{height:28px}.slogan-inline-btn{margin-top:2rem;gap:1rem}.inline-btn-social-container{gap:1rem}.section-text-p2,.section-text-p3{font-size:.9rem;margin-bottom:1rem;color:#434242}.section-text-p4{font-size:.8rem;color:#434242}.title{font-size:2rem}.quote{flex-direction:column;align-items:flex-end;gap:0}.imagine{font-size:2.5rem}.achieve{font-size:3.5rem}.background-video{z-index:-9999;opacity:.6}.mobile-bg{display:block}.desktop-bg{display:none}.background-video:after{background:linear-gradient(180deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.5) 70%,hsla(0,0%,100%,.9) 90%,#fff)}.loading-content h2{font-size:2rem}.loading-content p{font-size:1rem}.loading-spinner{width:30px;height:30px}}@media screen and (min-width:601px){.background-video:before{display:none}}@media screen and (max-width:600px){article{font-size:1rem}footer nav{height:-moz-fit-content;height:fit-content;margin-bottom:2rem}.about-containers1,.btn-container,.contact-info-upper-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem;line-height:3rem}.experience-subtitle{font-size:1.5rem}.logo{font-size:1.3rem;img{width:50px}}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.forward-icon{display:none}.title{font-size:2rem}.details-container{padding:.7rem}.project-img{width:200px}.text-container{text-align:justify}.leftbtn,.rightbtn{display:none}.about-containers2{margin-left:0;margin-right:0;padding:2rem 1rem}.about-containers1{margin-top:0;flex-direction:column}.section-text-p3{font-size:1rem}.nav{height:14vh}.name{white-space:nowrap;font-size:2.3rem}.achv-photo{width:250px}.achievement-container{flex-direction:column;gap:0;padding:1rem}.achv-title{text-wrap:wrap;font-size:1.2rem}.absolute{overflow-x:hidden}.opacity-50{opacity:.1}.achv-photo-container{margin-top:0;gap:.5rem}.place-container{margin-top:.7rem;margin-bottom:.7rem}.section-text-p2{font-size:1.2rem}.imagine{font-size:1.5rem}.achieve{font-size:2rem}.timeline-upper{flex-direction:column}}@media screen and (max-width:500px){.imagine{font-size:2.5rem}.achieve{font-size:3.5rem}.btn2.leftbtn,.btn2.rightbtn{width:50px;height:50px}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:24px;height:24px}.experience-details-container-project{padding:0 .5rem;gap:.75rem}}@media screen and (max-width:480px){.btn2.leftbtn,.btn2.rightbtn{width:48px;height:48px}.btn2.leftbtn .icon,.btn2.rightbtn .icon{width:22px;height:22px}.experience-details-container-project{padding:0 .25rem;gap:.5rem}}.logo-img-mobile{width:35px;height:35px;margin-right:5px;cursor:pointer;transition:all .3s ease-in-out}@media screen and (max-width:1200px){footer .nav-links{font-size:1rem;gap:1.2rem}}@media screen and (max-width:900px){footer .nav-links{font-size:.95rem;gap:1rem}footer nav{margin-bottom:1.5rem}}@media screen and (max-width:768px){footer .nav-links{font-size:.9rem;gap:.8rem;flex-wrap:wrap;justify-content:center}footer .nav-links li a{line-height:2.5rem}}@media screen and (max-width:600px){footer .nav-links{font-size:.85rem;gap:.5rem}footer .nav-links li a{line-height:2.2rem}}@media screen and (max-width:480px){footer .nav-links{font-size:.8rem;gap:.3rem;padding:0 .5rem}footer .nav-links li a{line-height:2rem;padding:.3rem .5rem}footer{height:auto;padding:1rem .5rem}}@media screen and (max-width:380px){footer .nav-links{font-size:.75rem;gap:.2rem}footer .nav-links li a{line-height:1.8rem;padding:.2rem .4rem}}@media screen and (max-width:768px){.scroll-to-top{bottom:20px;left:20px}.progress-ring,.scroll-to-top{width:55px;height:55px}.arrow-icon{width:22px;height:22px}}@media screen and (max-width:480px){.scroll-to-top{bottom:15px;left:15px}.progress-ring,.scroll-to-top{width:50px;height:50px}.progress-ring-bar,.progress-ring-circle{r:22;cx:25;cy:25}.arrow-icon{width:20px;height:20px}}@media screen and (max-width:1280px){.movie-quote{margin:4rem 5%;padding:0 2rem}}@media screen and (max-width:768px){.movie-quote{margin:3rem 0;padding:0 5%}.quote-mark{font-size:10vw;margin-bottom:-5vw}.quote-part1{font-size:4.5vw}.quote-part2{font-size:7vw}.quote-part3{font-size:5vw}.quote-author{font-size:2.5vw;margin-top:1.5rem}}@media screen and (max-width:600px){.movie-quote{margin:2.5rem 0}}@media screen and (max-width:480px){.movie-quote{margin:2rem 0}}@media screen and (max-width:380px){.movie-quote{margin:1.5rem 0}}@media screen and (max-width:600px){.skills-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 10px}.skills-row{display:contents}.skills-row .tech-icon{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.skills-row.show .tech-icon{opacity:1;transform:translateY(0)}.tech-icon{width:85px;height:85px;margin:5px}.tech-icon img{width:60px;height:60px}.tech-icon span{font-size:11px;margin-top:6px}.tech-icon .experience-level{font-size:10px;padding:2px 6px;bottom:-18px}}.social-btn-1{width:50px;height:50px;background:hsla(0,0%,100%,.08);backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);position:relative;border-radius:12px;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 2px hsla(0,0%,100%,.6),0 16px 32px rgba(0,0,0,.12);overflow:visible}.social-btn-1,.svgContainer1{display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.svgContainer1{width:100%;height:100%;z-index:2}.svgContainer1 svg{transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(0) saturate(100%)}.BG1{display:none}.social-btn-1:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:1}.social-btn-1:hover{background:hsla(0,0%,100%,.12);box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 20px 40px rgba(0,0,0,.18);transform:translateY(-3px) scale(1.05)}.social-btn-1:hover:before{opacity:1}.social-btn-1:hover .svgContainer1 svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) brightness(0) saturate(100%)}.social-btn-1:active{transform:translateY(-1px) scale(1.02);box-shadow:0 0 0 2px hsla(0,0%,100%,.7),0 8px 20px rgba(0,0,0,.15)}.social-btn-2{width:45px;height:45px;border:none;position:relative;border-radius:7px;cursor:pointer}.social-btn-2,.svgContainer2{display:flex;align-items:center;justify-content:center;background-color:transparent;transition:all .3s}.svgContainer2{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);letter-spacing:.8px;border-radius:10px;border:1px solid hsla(0,0%,61%,.466)}.BG2,.svgContainer2{width:100%;height:100%}.BG2{position:absolute;content:"";background:#181818;z-index:-1;border-radius:10px;pointer-events:none;transition:all .3s}.social-btn-2:hover .BG2{transform:rotate(35deg);transform-origin:bottom}.social-btn-2:hover .svgContainer2{border:1px solid hsla(0,0%,85%,.466);background-color:hsla(0,0%,75%,.466);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.button-gototop{border:none;position:relative;width:200px;height:73px;padding:0;z-index:2;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='868' width='2500' viewBox='0 0 726 252.17'%3E%3Cpath d='M483.92 0S481.38 24.71 466 40.11c-11.74 11.74-24.09 12.66-40.26 15.07-9.42 1.41-29.7 3.77-34.81-.79-2.37-2.11-3-21-3.22-27.62-.21-6.92-1.36-16.52-2.82-18-.75 3.06-2.49 11.53-3.09 13.61S378.49 34.3 378 36a85.13 85.13 0 0 0-30.09 0c-.46-1.67-3.17-11.48-3.77-13.56s-2.34-10.55-3.09-13.61c-1.45 1.45-2.61 11.05-2.82 18-.21 6.67-.84 25.51-3.22 27.62-5.11 4.56-25.38 2.2-34.8.79-16.16-2.47-28.51-3.39-40.21-15.13C244.57 24.71 242 0 242 0H0s69.52 22.74 97.52 68.59c16.56 27.11 14.14 58.49 9.92 74.73C170 140 221.46 140 273 158.57c69.23 24.93 83.2 76.19 90 93.6 6.77-17.41 20.75-68.67 90-93.6 51.54-18.56 103-18.59 165.56-15.25-4.21-16.24-6.63-47.62 9.93-74.73C656.43 22.74 726 0 726 0z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask-size:100%;cursor:pointer;background-color:transparent;transform:translateY(8px);display:block;margin-left:auto;margin-right:auto}.button-gototop:after{content:"";position:absolute;left:0;right:0;bottom:0;box-shadow:0 0 0 0 #fff;transition:all 2s ease}.button-gototop:hover:after{box-shadow:0 -13px 56px 12px #ffffffa6}.button-gototop span{position:absolute;width:100%;font-size:15px;font-weight:100;left:50%;top:39%;letter-spacing:3px;text-align:center;transform:translate(-50%,-50%);color:#000;transition:all 2s ease}.button-gototop:hover span{color:#fff}.button-gototop:before{content:"";position:absolute;width:0;height:100%;background-color:#000;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 1s ease}.button-gototop:hover:before{width:100%}.project-icon-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:12px;cursor:pointer;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.25)}.project-icon-btn,.project-icon-btn svg{transition:all .4s cubic-bezier(.4,0,.2,1)}.project-icon-btn svg{width:22px;height:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.project-icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:1}.project-icon-btn:hover{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.45);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.35)}.project-icon-btn:hover:before{opacity:1}.project-icon-btn:hover svg{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.project-icon-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 2px 4px hsla(0,0%,100%,.2)}.project-icon-btn svg path{fill:#000}.achievement-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.25);font-size:.95rem;font-weight:500;color:#000}.achievement-icon-btn svg{width:18px;height:18px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.achievement-icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:12px;z-index:0}.achievement-icon-btn span{position:relative;z-index:1}.achievement-icon-btn:hover{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.45);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.35)}.achievement-icon-btn:hover:before{opacity:1}.achievement-icon-btn:hover svg{transform:scale(1.1) translateX(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.achievement-icon-btn:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 2px 4px hsla(0,0%,100%,.2)}.achievement-icon-btn svg path{fill:#000}.badge{position:relative;cursor:pointer;background:url(/assets/profile-pic.jpg) no-repeat 100% 50%;background-size:100%;border-radius:50%;transition:all .5s cubic-bezier(.55,0,.1,1);display:flex;height:400px;width:400px;margin:auto,0}.badge:hover{box-shadow:0 .5rem 2rem rgba(0,0,0,.75);background-position:0 50%}.badge:hover .text{transform:rotate(-45deg) translate(0) rotate(-315deg);background:hsla(0,0%,64%,.5);width:400px;letter-spacing:1rem;line-height:400px;height:400px;margin-top:-200px;margin-left:-200px;transition:all .5s cubic-bezier(.5,0,.1,1),letter-spacing 1.5s ease-out;font-weight:600;color:#000;font-size:4rem}.badge .text{display:block;position:absolute;width:8rem;height:8rem;line-height:8rem;left:50%;top:50%;margin-top:-5rem;margin-left:-25rem;font-size:2rem;font-family:Poppins,sans-serif;text-align:center;color:#fff;border-radius:50%;background:#353535;transform:rotate(-180deg) translate(-10rem) rotate(180deg);box-shadow:0 .5rem 1rem rgba(0,0,0,.5);transition:all .5s cubic-bezier(.55,0,.1,1)}.absolute{position:fixed;inset:0;display:inline-flex;flex-direction:row;z-index:-950}.absolute,.justify-center{justify-content:center}.bg-shape1{width:400px;height:400px;animation:one 10s infinite}.bg-shape1,.bg-shape2{border-radius:9999px;position:relative}.bg-shape2{width:300px;height:300px;animation:two 10s infinite}.bg-primary{background-color:#4f4e4f}.bg-teal{background-color:#070105}.bg-purple{background-color:#2f2e30}.absolute2{position:absolute;inset:auto 0 0 0;bottom:50px!important;justify-content:center;display:inline-flex;flex-direction:row;z-index:-950}.bg-shape1-2{width:400px;height:400px;animation:one 10s infinite}.bg-shape1-2,.bg-shape2-2{border-radius:9999px;position:relative}.bg-shape2-2{width:300px;height:300px;animation:two 10s infinite}@keyframes one{0%{left:0;top:0}25%{left:-100px;top:70px}50%{left:20px;top:150px}75%{left:50px;top:100px}to{left:0;top:0}}@keyframes two{0%{left:0;top:0}25%{left:50px;top:10px}50%{left:100px;top:50px}75%{left:50px;top:100px}to{left:0;top:0}}.opacity-50{opacity:.3}.bg-blur{filter:blur(90px)}.bg-primary-2{background-color:#9f9fa3}.bg-teal-2{background-color:#4b4247}.bg-purple-2{background-color:#3e3d3f}.article-container article{display:flex;align-items:center;padding:10px;border-radius:8px;transition:transform .3s ease,background-color .3s ease}.article-container article:hover{transform:scale(1.05);background-color:#f0f0f0}.article-container .icon{transition:transform .3s ease,filter .3s ease}.article-container article:hover .icon{transform:scale(1.2);filter:brightness(1.2)}.article-container h4,.article-container p{transition:color .3s ease}.article-container article:hover h4,.article-container article:hover p{color:#333}#milestones{position:relative;padding:60px 0}#milestones .section-text-p1{color:#555}#milestones .title{color:#000}.container-timeline{max-width:1024px;width:95%;margin:50px auto 0;padding-left:20px;overflow-x:visible;-webkit-mask:linear-gradient(0deg,#0000,#000 3% 97%,#0000);background:radial-gradient(ellipse at center,rgba(0,0,0,.1) 0,transparent 70%);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-item{padding:3em 2em 2em;margin-left:20px;position:relative;display:flex;flex-direction:row;color:rgba(0,0,0,.9);border-left:3px solid rgba(0,0,0,.6);gap:1rem;overflow:visible}.milestone-details{display:flex;flex-direction:column;gap:1rem}.milestone-details h1{font-size:1.2rem;font-weight:600;color:rgba(0,0,0,.95)}.milestone-details p{color:rgba(0,0,0,.8);line-height:1.6;text-shadow:0 0 5px rgba(0,0,0,.1)}.timeline-upper{display:flex;align-items:center;gap:1rem}.first-mile{max-width:200px;transform:rotate(-5deg)}.first-mile,.second-mile{height:auto;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 10px hsla(0,0%,100%,.3)}.second-mile{margin-top:50px;transform:rotate(5deg)}.third-mile{transform:rotate(-7deg)}.fourth-mile,.third-mile{height:auto;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 10px hsla(0,0%,100%,.3)}.fourth-mile{margin-top:50px;transform:rotate(5deg)}.fifth-mile{height:auto;transform:rotate(3deg);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 10px hsla(0,0%,100%,.3)}.sixth-mile{transform:rotate(0deg)}.seventh-mile,.sixth-mile{margin-top:40px;height:auto}.seventh-mile{max-width:200px;transform:rotate(5deg);border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.4),inset 0 0 10px hsla(0,0%,100%,.3)}.timeline-item p{font-size:.85rem}.timeline-item:before{content:attr(date-is);position:absolute;top:1em;left:2em;display:block;font-family:var(--font-kaushan),cursive;font-weight:700;color:#000;text-shadow:none;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:8px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.25);z-index:2}.timeline-item:after{width:18px;height:18px;display:block;top:1em;position:absolute;left:-12px;border-radius:50%;content:"";background:radial-gradient(circle,#000 0,#1a1a1a 50%,#2d2d2d 100%);border:3px solid hsla(0,0%,100%,.9);box-shadow:0 0 20px rgba(0,0,0,.9),0 0 40px rgba(0,0,0,.5),inset 0 0 8px rgba(0,0,0,.8);z-index:100}.timeline-item:last-child{border-image:linear-gradient(180deg,rgba(0,0,0,.6) 60%,transparent) 1 100%}.cards-container{display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:center}.interstellar-card{width:300px;height:190px;background:#fff;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:2rem;border:1px solid #a3a3a3}.interstellar-card:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:1px solid #000;border-radius:50%;opacity:0;transition:all .6s ease;animation:rotate 20s linear infinite}.interstellar-card:hover:before{opacity:.3}.interstellar-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 49%,#000 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#000 50%,transparent 51%);background-size:40px 40px;opacity:.02;transition:opacity .4s ease}.interstellar-card:hover:after{opacity:.05}.card-content{padding:10px;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.card-title{font-size:18px;font-weight:600;color:#000;text-align:center;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;position:relative}.card-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:40px;height:1px;background:#000;transition:width .4s ease}.interstellar-card:hover .card-title:after{width:80px}.card-text{color:#333;line-height:1.8;text-align:center;font-size:14px;font-weight:300}.card-text p{margin-bottom:6px;transition:opacity .3s ease;font-size:12px}.card-background{position:absolute;z-index:-1;margin-left:-60px;height:200px;opacity:.15}.interstellar-card:hover .card-text p{opacity:1}.highlight{font-weight:500;color:#000}.interstellar-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.corner-dots{position:absolute;width:4px;height:4px;background:#000;border-radius:50%;opacity:.4;transition:all .4s ease}.corner-dots.top-left{top:15px;left:15px}.corner-dots.top-right{top:15px;right:15px}.corner-dots.bottom-left{bottom:15px;left:15px}.corner-dots.bottom-right{bottom:15px;right:15px}.interstellar-card:hover .corner-dots{opacity:.8;transform:scale(1.2)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.corner-dots{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.cards-container{flex-direction:column;gap:30px}.interstellar-card{width:100%;max-width:340px}}#experience{position:relative;padding:2rem;display:block;flex-direction:column;align-items:center}.experience-title{font-size:1.05rem;font-weight:600;color:#000;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;line-height:1.3}.experience-wrapper{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.experience-container{background:#fff;border-radius:2rem;padding:2.5rem;box-shadow:0 0 20px rgba(0,0,0,.1);margin:1.5rem auto 3rem}.experience-header{margin-bottom:1.5rem;padding-bottom:1.2rem;border-bottom:2px solid #f0f0f0}.company-info{display:flex;align-items:center;gap:1.2rem;margin-bottom:0}.company-logo{width:70px;height:70px;border-radius:14px;object-fit:contain;background:#f5f5f5;padding:10px;border:2px solid #e0e0e0;flex-shrink:0}.company-details h3{font-size:1.6rem;font-weight:700;color:#000;margin-bottom:.4rem;line-height:1.2}.job-title{font-size:1.05rem;font-weight:500;color:#333;margin-bottom:.3rem}.job-meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.9rem;color:#666}.job-meta span{display:flex;align-items:center;gap:.35rem}.job-meta svg{width:15px;height:15px;opacity:.7}.experience-content{display:flex;flex-direction:column;gap:0}.projects-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.projects-row .project-section{margin-bottom:0}.project-section{background:#fafafa;padding:1.5rem;border-radius:1rem;border:1px solid #e0e0e0;margin-bottom:1.5rem;display:flex;flex-direction:column}.project-section:last-child{margin-bottom:0}.project-header{gap:.8rem;margin-bottom:.8rem}.project-header,.project-icon{display:flex;align-items:center}.project-icon{width:38px;height:38px;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.1));border-radius:10px;justify-content:center;flex-shrink:0}.project-icon svg{width:20px;height:20px;fill:#333}.project-title-container{flex:1 1}.project-title-experience{font-size:1.05rem;font-weight:600;color:#000;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;line-height:1.3}.project-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:relative;border-radius:10px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.25);font-size:.8rem;font-weight:500;color:#000}.project-link,.project-link:active,.project-link:focus,.project-link:hover,.project-link:visited{text-decoration:none!important}.project-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);opacity:0;transition:opacity .4s ease;border-radius:10px;z-index:0}.project-link span{position:relative;z-index:1}.project-link:hover{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.45);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.35)}.project-link:hover:before{opacity:1}.project-link:hover svg{transform:scale(1.1) translateX(2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.project-link:active{transform:translateY(-1px) scale(1);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 2px 4px hsla(0,0%,100%,.2)}.project-link svg{width:13px;height:13px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));flex-shrink:0}.project-link svg path{fill:#000}.project-description{list-style:none;padding:0;margin:0}.project-description li{position:relative;padding-left:1.3rem;margin-bottom:.6rem;font-size:.88rem;color:#333;line-height:1.6}.project-description li:before{content:"◦";position:absolute;left:0;color:#666;font-weight:700;font-size:1.1rem}.project-description li:last-child{margin-bottom:0}.photos-box{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:1.5rem;padding:2rem 1.5rem;margin-top:1.5rem;position:relative;min-height:260px;display:flex;align-items:center;justify-content:center}.photos-scattered{position:relative;width:100%;max-width:800px;min-height:220px;margin:0 auto}.photo-item{position:absolute;background:hsla(0,0%,100%,0);border-radius:4px;transition:all .3s ease;cursor:pointer}.photo-item:first-child{transform:rotate(-8deg);left:5%;top:5px;width:250px;z-index:1}.photo-item:nth-child(2){transform:rotate(5deg);left:50%;margin-left:-125px;top:-15px;width:260px;z-index:3}.photo-item:nth-child(3){transform:rotate(-3deg);right:5%;top:15px;width:240px;z-index:2}.photo-item:hover{transform:rotate(0deg) scale(1.1)!important;box-shadow:0 12px 32px rgba(0,0,0,.25);z-index:10!important}.photo-item img{width:100%;object-fit:contain;object-position:center;box-shadow:0 8px 20px rgba(0,0,0,.15);display:block;border-radius:2px}.photo-placeholder{width:100%;height:170px;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;align-items:center;justify-content:center;color:#999;font-size:.85rem;text-align:center;border-radius:2px;border:2px dashed #ccc}.photo-caption{margin-top:8px;font-size:.72rem;color:#666;text-align:center;font-style:italic}@media screen and (max-width:1200px){.photos-box{padding:1.8rem 1.3rem;min-height:240px}.photos-scattered{min-height:200px;max-width:700px}.photo-item:first-child{left:3%;width:220px}.photo-item:nth-child(2){margin-left:-110px;width:230px}.photo-item:nth-child(3){right:3%;width:210px}}@media screen and (max-width:768px){#experience{padding:2rem 1rem 3rem}.experience-container{padding:1.5rem;margin:1rem auto 2rem}.company-logo{width:55px;height:55px}.company-details h3{font-size:1.3rem}.job-title{font-size:.95rem}.job-meta{font-size:.82rem;gap:.8rem}.experience-content{gap:0}.projects-row{grid-template-columns:1fr;gap:1.2rem;margin-bottom:1.2rem}.project-section{padding:1.2rem;margin-bottom:0}.project-title{font-size:.95rem}.project-description li{font-size:.82rem}.photos-box{padding:1.5rem 1rem;min-height:320px;margin-top:1.2rem}.photos-scattered{min-height:280px;max-width:100%}.photo-item{position:absolute!important;left:auto!important;right:auto!important;top:auto!important;margin:0!important}.photo-item:first-child{transform:rotate(-6deg);left:-2%!important;top:5px!important;width:50%!important;max-width:200px;z-index:1}.photo-item:nth-child(2){transform:rotate(4deg);left:50%!important;margin-left:-25%!important;top:60px!important;width:52%!important;max-width:210px;z-index:3}.photo-item:nth-child(3){transform:rotate(-3deg);right:-2%!important;left:auto!important;top:15px!important;width:50%!important;max-width:200px;z-index:2}.photo-item img,.photo-placeholder{width:100%}}@media screen and (max-width:480px){#experience{padding:1.5rem 0 2.5rem}.experience-wrapper{padding:0 .8rem}.experience-container{padding:1.2rem;margin:.8rem auto 1.5rem;width:95%;box-sizing:border-box}.company-info{gap:.8rem}.company-logo{width:50px;height:50px}.company-details h3{font-size:1.1rem}.job-title{font-size:.88rem}.job-meta{font-size:.78rem;gap:.6rem}.projects-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.project-section{padding:1rem;margin-bottom:0}.project-icon{width:34px;height:34px}.project-icon svg{width:18px;height:18px}.project-title{font-size:.9rem}.project-description li{font-size:.78rem;padding-left:1.1rem;margin-bottom:.5rem}.photos-box{padding:1.2rem .8rem;min-height:340px;margin-top:1rem}.photos-scattered{min-height:300px;max-width:100%}.photo-item:first-child{transform:rotate(-7deg);left:-3%!important;top:5px!important;width:52%!important;max-width:180px}.photo-item:nth-child(2){transform:rotate(5deg);left:50%!important;margin-left:-26%!important;top:70px!important;width:55%!important;max-width:190px}.photo-item:nth-child(3){transform:rotate(-4deg);right:-3%!important;top:15px!important;width:52%!important;max-width:180px}.photo-item img,.photo-placeholder{width:45vw}}