.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:20px;text-align:center;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:0}.counter p{position:relative;display:block;transform:translateY(20px);color:#080807}.preloader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:100vw;height:100vh;-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);will-change:transform;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);z-index:2}.page{visibility:hidden;opacity:0;pointer-events:none;transition:opacity 1s ease}.page.visible{visibility:visible;opacity:1;pointer-events:auto}.sliding-nav{pointer-events:none;position:fixed;top:0;right:0;height:100vh;width:100vw;display:flex;justify-content:flex-end;z-index:30;font-weight:600;background:rgba(0,0,0,.3)}.sliding-nav .nav-container{pointer-events:auto;max-width:48rem;background:var(--alt);border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;width:100%;position:relative}.sliding-nav .menu-background{position:absolute;top:0;right:0;opacity:.25;display:flex;justify-content:flex-end}.sliding-nav .menu-background img{width:100%;height:auto;object-fit:cover;object-position:top right;max-width:none}@media(max-width:738px){.sliding-nav .menu-background img{width:70%;height:auto;object-fit:cover;object-position:top right;max-width:none;margin-left:auto}}.sliding-nav .menu-content{padding:1rem 2.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3rem;flex:1 1;min-height:100%}.sliding-nav .menu-content .nav-links ul{display:flex;flex-direction:column;justify-content:flex-start;gap:.1rem;margin-top:1rem}@media(max-width:1024px){.sliding-nav .menu-content .nav-links ul{margin-top:15rem}}.sliding-nav .menu-content .nav-links ul .nav-item{position:relative;display:flex;align-items:center;gap:.5rem;cursor:pointer}.sliding-nav .menu-content .nav-links ul .nav-item .nav-dot{position:absolute;left:-1rem;width:.75rem;height:.75rem;background:var(--primary);border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease-in-out}.sliding-nav .menu-content .nav-links ul .nav-item:hover .nav-dot{opacity:1;transform:scale(1)}.sliding-nav .menu-content .nav-links ul .nav-item .nav-text{transition:transform .5s ease;display:inline-block;font-size:3rem;color:var(--primary);text-transform:uppercase}@media(max-width:738px){.sliding-nav .menu-content .nav-links ul .nav-item .nav-text{font-size:2.5rem}}.sliding-nav .menu-content .nav-links ul .nav-item .nav-text:hover{transform:translateX(1rem)}.sliding-nav .menu-content .contact{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:auto}.sliding-nav .menu-content .contact .email{display:flex;flex-direction:column;gap:.25rem}.sliding-nav .menu-content .contact .email span{font-size:1rem;color:var(--accent)}.sliding-nav .menu-content .contact .email .email-hover-container{text-decoration:none;color:var(--primary);font-weight:500;position:relative;display:inline-flex;align-items:center;cursor:pointer}.sliding-nav .menu-content .contact .email .email-hover-container .copy-icon{margin-left:.5rem;opacity:0;transition:opacity .3s ease;pointer-events:none;height:1rem;width:1rem}.sliding-nav .menu-content .contact .email .email-hover-container:hover .copy-icon{opacity:1}.sliding-nav .menu-content .socials{display:flex;gap:.75rem;flex-wrap:wrap}.sliding-nav .menu-content .socials .social-button{font-weight:500;position:relative;z-index:1;display:inline-block;overflow:hidden;padding:.5rem 1.25rem;border:1px solid var(--accent);border-radius:1000px;cursor:pointer;text-decoration:none;color:var(--primary)}.sliding-nav .menu-content .socials .social-button:hover{color:var(--alt);font-weight:500}.sliding-nav .menu-content .socials .social-button:after{content:"";position:absolute;height:100%;width:100%;background-color:var(--accent);left:0;bottom:-100%;border-radius:50px;transition:all .2s ease-in;z-index:-1}.sliding-nav .menu-content .socials .social-button:hover:after{bottom:0;border-radius:0}nav{display:flex;align-items:flex-start;justify-content:space-between;width:100%}nav .left{display:flex;flex:1 1;align-items:center;gap:4.5rem}@media(max-width:1024px){nav .left{display:flex;flex-direction:column;align-items:flex-start;gap:.325rem}}nav .left .logo{height:1.25rem;width:auto;display:flex;align-items:center}nav .left .designation{font-weight:500;display:flex;align-items:center;color:var(--alt)}nav .right{display:flex;align-items:flex-start;justify-content:flex-end;flex:2 1}nav .right ul{display:flex;gap:.75rem;list-style:none;padding:0;margin:0}nav .right li{display:flex;align-items:center}nav .right a,nav .right li .separator{color:var(--alt);font-weight:500}nav .right a{text-decoration:none;cursor:pointer}@media(max-width:738px){nav .right ul{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}}nav .nav-buttons{z-index:1000}nav .nav-buttons .menu-button{transform:scale(0);pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:1/1;width:4rem;height:4rem;border-radius:9999px;background-color:var(--primary);border:1px solid var(--secondary);position:fixed;top:1rem;right:1rem;z-index:50;cursor:pointer}nav .nav-buttons .menu-button.visible{transform:scale(1)}nav .nav-buttons .menu-button.visible:hover{transform:scale(.9)}nav .nav-buttons .menu-button span{position:absolute;width:1.75rem;height:2px;border-radius:9999px;background-color:var(--alt);transition:transform .3s ease-in-out}nav .nav-buttons .menu-button span:first-child{transform:translateY(-6px) rotate(0deg)}nav .nav-buttons .menu-button span:last-child{transform:translateY(6px) rotate(0deg)}nav .nav-buttons .menu-button.active span:first-child{transform:translateY(0) rotate(45deg)}nav .nav-buttons .menu-button.active span:last-child{transform:translateY(0) rotate(-45deg)}nav .nav-buttons .secondary-button{position:fixed;top:6rem;right:1rem;background:var(--primary);border:1px solid var(--secondary);border-radius:50%;justify-content:center;align-items:center;aspect-ratio:1/1;width:4rem;height:4rem;border-radius:9999px;cursor:pointer;overflow:hidden}.hero,nav .nav-buttons .secondary-button{gap:1rem;display:flex;flex-direction:column}.hero{flex:1 1;margin-top:2rem}@media(max-width:738px){.hero{height:100%;justify-content:flex-end}}.hero .intro{margin-bottom:1rem;width:100%}@media(max-width:738px){.hero .intro{margin-bottom:3rem}}.hero .intro h1{text-align:center;font-size:11vw;font-weight:600}@media(max-width:738px){.hero .intro h1{font-size:10vw}}.hero .info{display:flex;align-items:flex-start}@media(max-width:738px){.hero .info{flex-direction:column;align-items:flex-start;gap:2rem}}.hero .info .left{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2rem;flex:1 1;margin-top:3.5rem}@media(max-width:738px){.hero .info .left{gap:1.5rem}}.hero .info .left .icon{width:1.5rem;height:1.5rem;aspect-ratio:1/1;margin:0;padding:0;color:var(--alt)}@media(max-width:738px){.hero .info .left .icon{width:1rem;height:1rem}}.hero .info .left p{font-size:1.25rem;max-width:30ch;font-weight:500;text-wrap:balance}@media(max-width:738px){.hero .info .left p{font-size:1.1rem}}.hero .info .left .social-button{font-weight:500;position:relative;z-index:1;display:inline-block;overflow:hidden;padding:.75rem 1.25rem;border-radius:1000px;cursor:pointer;text-decoration:none;color:var(--primary);background-color:var(--alt)}.hero .info .left .social-button .content{display:flex;align-items:center;justify-content:center;text-transform:uppercase;gap:.5rem}.hero .info .left .social-button .content p{font-weight:500;font-size:1.25rem}@media(max-width:738px){.hero .info .left .social-button .content p{font-size:1rem}}.hero .info .left .social-button .content .icon{height:1rem;width:1rem;color:var(--accent)}.hero .info .left .social-button:hover{color:var(--alt)}.hero .info .left .social-button:hover p{font-weight:500}.hero .info .left .social-button:hover .icon{color:var(--alt)}.hero .info .left .social-button:after{content:"";position:absolute;height:100%;width:100%;background-color:var(--accent);left:0;bottom:-100%;border-radius:50px;transition:all .2s ease-in;z-index:-1}.hero .info .left .social-button:hover:after{bottom:0;border-radius:0}.hero .info .row{display:flex;align-items:flex-end;justify-content:space-between;flex:2 1}@media(max-width:738px){.hero .info .row{width:100%}}.hero .info .row .center{height:50vh;display:flex;align-items:center;justify-content:center;flex:1 1}.hero .info .row .center .image{height:100%;width:auto;border-radius:.5rem}@media(max-width:738px){.hero .info .row .center{height:15vh;justify-content:flex-start}}.hero .info .row .right{flex:1 1;display:flex;justify-content:flex-end}.hero .info .row .right .content{display:flex;align-items:center;justify-content:center}.hero .info .row .right .content p{text-transform:uppercase;font-weight:500;font-size:1.125rem;margin-right:.75rem}@media(max-width:738px){.hero .info .row .right .content p{font-size:.875rem}}.landing{padding:2.25rem;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;flex:1 1}@media(max-width:738px){.landing{padding:1.5rem}}.experience{color:var(--primary);padding:2rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;overflow:hidden;border-bottom:1px solid var(--accent)}.experience,.experience .intro{background-color:var(--secondary)}.experience .intro{position:relative;padding-block:4rem;z-index:2}.experience .intro .title{text-transform:uppercase;text-align:center;font-size:9vw;font-weight:500}.experience .intro .para{display:flex;justify-content:space-between;gap:2rem;margin-top:2rem}.experience .intro .para .right{flex:1 1}.experience .intro .para .right .summary{font-size:1.25rem;max-width:40ch;font-weight:500;text-wrap:balance;color:var(--accent)}@media(max-width:738px){.experience .intro .para .right .summary{font-size:1.1rem;max-width:35ch}}.experience .intro .para .left{flex:1 1}@media(max-width:738px){.experience .intro .para .left{display:none}}.experience .cards{display:flex;flex-direction:column;margin-bottom:5vh}.experience .card{border-top:1px solid var(--accent);display:flex;flex-direction:column;gap:1.5rem;padding:3rem 0}.experience .card .card-header{display:flex;align-items:flex-start;gap:2rem}.experience .card .card-header h2{font-weight:600;color:var(--accent)}.experience .card .card-header .experience-info{display:flex;flex-direction:column;gap:.5rem;width:100%}.experience .card .card-header .experience-info .title{font-size:2rem;transform:translateY(-5px)}.experience .card .card-header .experience-info .role-info{display:flex;align-items:flex-start}@media(max-width:738px){.experience .card .card-header .experience-info .role-info{flex-direction:column;gap:1rem}}.experience .card .card-header .experience-info .role-info span{font-size:1rem;font-weight:500;color:var(--accent)}.experience .card .card-header .experience-info .role-info .role{flex:1 1}.experience .card .card-header .experience-info .role-info .date{flex:1 1;text-align:right;transform:translateY(-5px)}@media(max-width:738px){.experience .card .card-header .experience-info .role-info .date{text-align:left;transform:translateY(0)}}.experience .card .card-header .experience-info .card-content{display:flex;padding-top:2rem}@media(max-width:738px){.experience .card .card-header .experience-info .card-content{flex-direction:column;gap:2rem}}.experience .card .card-header .experience-info .card-content .lines{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.experience .card .card-header .experience-info .card-content .lines .line{display:flex;align-items:flex-start;gap:.5rem}.experience .card .card-header .experience-info .card-content .lines .line .icons{width:1rem;height:1rem;flex-shrink:0;stroke-width:2}@media(max-width:738px){.experience .card .card-header .experience-info .card-content .lines .line .icons{width:.875rem;height:.875rem}}.experience .card .card-header .experience-info .card-content .lines .line p{transform:translateY(-2px)}.experience .card .card-header .experience-info .card-content .skills{flex:1 1;position:relative;border-left:1px solid var(--accent);padding-left:1rem}.experience .card .card-header .experience-info .card-content .skills ul{list-style:none;display:flex;flex-direction:column;gap:.25rem}.experience .card .card-header .number{font-size:1.5rem}.experience .card .card-header p{font-size:1rem;font-weight:500;max-width:40ch;text-wrap:balance;color:var(--primary)}.project-overlay{position:fixed;bottom:-1200px;right:0;width:70%;height:100%;background:#ebebeb;color:#1e1e1e;padding:2em;overflow-y:auto;will-change:bottom;transform:translateZ(0);transform-origin:bottom center;z-index:50;-webkit-overflow-scrolling:touch}.project-overlay::-webkit-scrollbar{display:none}.project-overlay .overlay-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:2em}.project-overlay .overlay-header .col{flex:1 1}.project-overlay .overlay-header .col h1{font-size:2rem;font-weight:600}.project-overlay .overlay-header .col .close-btn{cursor:pointer;color:var(--secondary);opacity:.4}@media(max-width:738px){.project-overlay .overlay-header .col .close-btn{padding-left:1rem;transform:translateY(-4px)}}.project-overlay .project-details{display:flex;width:100%}.project-overlay .project-details .skills{flex:1 1;position:relative}.project-overlay .project-details .skills ul{list-style:none;display:flex;flex-direction:column;gap:.25rem;border-left:1px solid var(--secondary);padding-left:1rem}.project-overlay .project-details .skills ul .list-item{font-size:.75rem;font-weight:500}.project-overlay .project-details .description{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.project-overlay .project-details .description .line{display:flex;align-items:flex-start;gap:.5rem}.project-overlay .project-details .description .line .icons{width:1rem;height:1rem;flex-shrink:0;stroke-width:2}@media(max-width:738px){.project-overlay .project-details .description .line .icons{width:.875rem;height:.875rem}}.project-overlay .project-details .description .line span{transform:translateY(-2px)}.project-overlay .item-details{display:flex;justify-content:space-between;padding:2em 0}.project-overlay .item-details a{text-decoration:none;cursor:pointer;color:var(--secondary)}.project-overlay .item-details .icons{width:1rem;height:1rem;margin-left:.5rem;flex-shrink:0;stroke-width:2;color:var(--secondary);transform:translateY(2px)}@media(max-width:738px){.project-overlay .item-details .icons{width:.875rem;height:.875rem}}.project-overlay .img-container{padding-bottom:2em}.project-overlay .img-container .project-img{width:100%;height:auto;object-fit:cover}@media(max-width:1024px){.project-overlay{width:100%}}.projects{background-color:var(--secondary);color:var(--primary);padding:2rem;overflow:hidden}.projects .intro{padding-block:4rem}.projects .intro .heading{display:flex;align-items:flex-start;justify-content:center;gap:2rem}.projects .intro .heading h1{text-transform:uppercase;text-align:center;font-size:9vw;font-weight:500}.projects .intro .heading .projects-length{font-size:6vw;color:var(--accent);font-weight:500}.projects .intro .para{display:flex;justify-content:space-between;gap:2rem;margin-top:2rem}.projects .intro .para .right{flex:1 1}.projects .intro .para .right .summary{font-size:1.25rem;max-width:40ch;font-weight:500;text-wrap:balance;color:var(--accent)}@media(max-width:738px){.projects .intro .para .right .summary{font-size:1.1rem;max-width:35ch}}.projects .intro .para .left{flex:1 1}@media(max-width:738px){.projects .intro .para .left{display:none}}.projects .project-list{display:flex;flex-direction:column;margin-top:4rem;color:var(--accent);cursor:pointer}.projects .project-list .project-item{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--accent)}.projects .project-list .project-item:hover{color:var(--primary)}.projects .project-list .project-item:hover .project-image img{filter:grayscale(0)}.projects .project-list .project-item .project-number{font-size:1.5rem;font-weight:500;width:3rem}@media(max-width:738px){.projects .project-list .project-item .project-number{font-size:1rem}}.projects .project-list .project-item .project-title{margin-left:1rem;font-size:1.5rem;font-weight:500}@media(max-width:738px){.projects .project-list .project-item .project-title{font-size:.875rem}}.projects .project-list .project-item .project-year{margin-left:1rem;font-size:1.5rem;font-weight:500}@media(max-width:738px){.projects .project-list .project-item .project-year{font-size:.875rem}}.projects .project-list .project-item .project-image{width:15rem;height:15rem}@media(max-width:738px){.projects .project-list .project-item .project-image{width:5rem;height:5rem}}.projects .project-list .project-item .project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .5s ease}.about{background-color:var(--secondary);color:var(--primary);padding:2rem;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;overflow:hidden;border-top:1px solid var(--accent);display:flex;flex-direction:column;gap:1.5rem}.about .intro{position:relative;padding-block:4rem}.about .intro .title{text-transform:uppercase;text-align:center;font-size:9vw;font-weight:500}.about .info{display:flex;align-items:flex-start;margin-bottom:4rem}.about .info .heading{font-size:2.5rem;font-weight:500;margin-bottom:2rem;color:var(--primary)}.about .info .para{width:50%;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;max-width:40ch;color:var(--accent);font-size:1.25rem}@media(max-width:738px){.about .info .para{font-size:.75rem;width:100%}}.about .info .skills{width:50%;flex-shrink:0;padding-left:15rem}@media(max-width:738px){.about .info .skills{width:100%;padding-left:0}}.about .info .skills .list{display:flex;flex-direction:column;gap:2rem}.about .info .skills .list .category .cat-header{font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.about .info .skills .list .category .cat-skill{display:flex;flex-wrap:wrap;gap:.5rem}.about .info .skills .list .category .cat-skill span{font-size:.75rem;font-weight:500;position:relative;z-index:1;display:inline-block;overflow:hidden;padding:.5rem 1.25rem;border:1px solid var(--accent);border-radius:1000px;cursor:pointer;text-decoration:none;color:var(--primary)}@media(max-width:738px){.about .info{flex-direction:column;gap:4rem}}.testimonials{color:var(--secondary);padding:2rem;overflow:hidden;display:flex;flex-direction:column;gap:3rem}.testimonials .intro{position:relative;padding-block:4rem;z-index:2}.testimonials .intro .title{text-transform:uppercase;text-align:center;font-size:9vw;font-weight:500}.testimonials .intro .para{display:flex;justify-content:space-between;gap:2rem;margin-top:2rem}.testimonials .intro .para .right{flex:1 1}.testimonials .intro .para .right .summary{font-size:1.25rem;max-width:40ch;font-weight:500;text-wrap:balance}@media(max-width:738px){.testimonials .intro .para .right .summary{font-size:1.1rem;max-width:35ch}}.testimonials .intro .para .left{flex:1 1}@media(max-width:738px){.testimonials .intro .para .left{display:none}}.testimonials .info{display:flex;align-items:center;justify-content:center;gap:2rem}@media(max-width:738px){.testimonials .info{flex-direction:column;gap:1rem}}.testimonial-card{color:var(--secondary);border:1px solid var(--alt);margin-top:3rem;border-radius:1rem;padding:2rem;max-width:320px;flex:1 1;box-shadow:0 4px 24px rgba(0,0,0,.08);flex-direction:column}.testimonial-card,.testimonial-card .top{display:flex;justify-content:space-between}.testimonial-card .top{align-items:center}.testimonial-card .top .avatar{height:50px;width:50px;border-radius:50%;overflow:hidden}.testimonial-card .top .avatar .image{object-fit:cover}.testimonial-card .icons{width:1.5rem;height:1.5rem;flex-shrink:0;stroke-width:2;margin-top:1.5rem}.testimonial-card blockquote{margin:1.5rem 0;font-size:1rem;line-height:1.5}.testimonial-card .bottom{display:flex;flex-direction:column;gap:.25rem;border-left:1px solid var(--secondary);padding-left:.5rem}.testimonial-card .bottom .name{font-weight:600;font-size:.875rem}.testimonial-card .bottom .location,.testimonial-card .bottom .role{font-size:.75rem;color:var(--alt)}.contact-section{margin:0 2rem 2rem;padding:2rem;border:1px solid var(--accent);color:var(--secondary);border-radius:1rem;display:flex;flex-direction:column;gap:2rem}.contact-section .container{display:flex;align-items:flex-start;gap:2rem}@media(max-width:738px){.contact-section .container{flex-direction:column}}.contact-section .container .logo-section{flex:1 1}.contact-section .container .logo-section .logo{height:3rem;width:6rem;object-fit:contain}.contact-section .container .menu-links{flex:2 1}.contact-section .container .menu-links p{font-size:1.25rem;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--alt);font-weight:500;color:var(--alt)}.contact-section .container .menu-links ul{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.contact-section .container .menu-links li{display:flex;align-items:center}.contact-section .container .menu-links li .separator{color:var(--alt);font-weight:500}.contact-section .container .menu-links a{text-decoration:none;color:var(--alt);cursor:pointer;font-weight:500}.contact-section .container .contact-links{flex:2 1}.contact-section .container .contact-links p{font-size:1.25rem;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--alt);font-weight:500;color:var(--alt)}.contact-section .container .contact-links ul{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.contact-section .container .contact-links li{display:flex;align-items:center}.contact-section .container .contact-links li .separator{color:var(--alt);font-weight:500}.contact-section .container .contact-links a{text-decoration:none;color:var(--alt);cursor:pointer;font-weight:500}.contact-section .bottom{display:flex;align-items:flex-end;gap:4rem}@media(max-width:738px){.contact-section .bottom{flex-direction:column-reverse;align-items:flex-start}}.contact-section .bottom .copyright{flex:3 1}.contact-section .bottom .copyright p{font-size:3rem;font-weight:600;color:var(--alt)}@media(max-width:738px){.contact-section .bottom .copyright p{font-size:1.5rem}}.contact-section .bottom .clock{flex:2 1;display:flex;flex-direction:column;gap:.5rem}.contact-section .bottom .clock .text{font-weight:600;color:var(--alt)}.contact-section .bottom .clock .time{font-family:monospace;font-size:1rem;color:var(--alt)}