@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{font-family:Inter,sans-serif}html,body,#root{height:100%;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1}:root{--background: rgba(255, 255, 255, .6);--border-color: #e5e5e5;--text-color: #111;--hover-bg: rgba(0, 0, 0, .05);--font-family: "Montserrat", sans-serif;--font-size: 15px}.navbar{padding:.95rem .5rem;font-size:13px;position:fixed;margin-top:1rem;left:50%;transform:translate(-50%);width:fit-content;background:var(--background);border:1px solid var(--border-color);border-radius:50px;box-shadow:0 4px 20px #0000001a;z-index:1000;font-family:var(--font-family);transition:top .3s ease}.navbar.hide{top:-100px}.navbar.show{top:0}.navbar-links{display:flex;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0;height:24px}.navbar-links li a{color:var(--text-color);text-decoration:none;padding:.5rem .7rem;border-radius:30px;transition:background-color .3s ease}.navbar-links li:not(.navbar-avatar-item) a:hover{background-color:var(--hover-bg)}.navbar-avatar{background-color:var(--hover-bg);border-radius:50px;padding:.3rem .9rem;display:flex;align-items:center;justify-content:center;height:100%}.navbar-icon{width:40px;height:24px;object-fit:contain;vertical-align:middle;transition:transform .2s ease}.navbar-links button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.navbar-links button:focus{outline:none}@media (min-width: 768px){.navbar{margin-top:1rem;padding:.95rem .9rem;font-size:var(--font-size)}.navbar-links{gap:.8rem}}:root{--dark-text: #111;--gray-text: #555;--btn-bg: #000;--btn-text: #fff;--font-main: "Montserrat", sans-serif;--shadow: 0 10px 25px rgba(0, 0, 0, .05);--highlight-bg: #f9f9f9}body{margin:0;padding:0;font-family:var(--font-main)}.hero{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background-color:#fff}.hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:1100px;width:100%;background:var(--highlight-bg);padding:2.5rem;border-radius:1.5rem;box-shadow:var(--shadow);transition:box-shadow .3s ease}.hero-content:hover{box-shadow:0 15px 35px #0000001a}.hero-image.hide-cursor,.hero-image.hide-cursor a{cursor:none!important}.hero-image{position:relative;cursor:default}.hero-image img{width:200px;box-shadow:0 8px 16px #00000014;border-radius:1rem;background:#fff;display:block}.chat-bubble{position:absolute;background-color:#f0f0f0f2;color:#333;padding:.6rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap;box-shadow:0 8px 20px #0000001a;pointer-events:none;opacity:.9;-webkit-user-select:none;user-select:none;z-index:10;transition:top .1s ease,left .1s ease,background-color .3s ease}.hero-text h1{font-size:1.06rem;font-weight:700;color:var(--dark-text);max-width:32ch;margin-top:0;margin-bottom:0}.hero-text p{font-size:.77rem;font-weight:400;color:var(--gray-text);line-height:1.5;max-width:38ch}.btn{background-color:var(--btn-bg);border:1px solid var(--btn-bg);padding:.4rem 1rem;border-radius:999px;font-size:.8rem;font-weight:300;color:var(--btn-text);text-decoration:none;transition:all .3s ease;margin-left:auto;margin-right:auto;display:inline-block}.btn:hover{background-color:#f2f2f2;border:1px solid #373737;color:#000;box-shadow:0 6px 15px #0003}.hero-text .btn{display:inline-block;margin-left:auto;margin-right:auto}@media (max-width: 600px){.hero{padding-bottom:1rem;padding-top:3rem}.hero-content{align-items:center}.hero-text{align-items:center;text-align:center;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:0}.hero-text h1{margin-top:1rem;margin-bottom:.1rem;font-size:1.06rem;line-height:1.1}.hero-text p{margin:.3rem 0 2rem}}@media (max-width: 375px){.hero-content{max-width:280px;padding:1rem}.hero-text p{max-width:100%;font-size:.75rem;margin-bottom:1rem}.btn{margin-bottom:.2rem}}@media (max-width: 425px){.hero{min-height:80vh}.hero-content{max-width:318px;padding:1rem}.hero-text{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.hero-text p{margin-bottom:1rem;max-width:35ch}.hero-text h1{font-size:1.45rem}.btn{margin-bottom:.4rem;padding:.5rem 3.25rem}}@media (min-width: 426px) and (max-width: 600px){.hero{min-height:75vh;padding:2rem 1.5rem}.hero-content{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;max-width:360px}.hero-image{order:0;flex:none;display:flex;justify-content:center}.hero-image img{width:220px;max-width:90%}.hero-text{order:1;flex:none;padding:0 1rem;max-width:32ch;align-items:center;text-align:center}.hero-text h1{font-size:1.5rem;margin-top:0;margin-bottom:.5rem}.hero-text p{font-size:.82rem;margin-bottom:1.5rem}.btn{font-size:.85rem;padding:.55rem 3.77rem;margin-bottom:.5rem}}@media (min-width: 448px) and (max-width: 600px){.hero-text h1{font-size:1.5rem;line-height:1}.hero-text p{font-size:.8rem;max-width:36ch;margin-bottom:1.3rem}.btn{font-size:.8rem;padding:.55rem 5.5rem}}@media (min-width: 601px) and (max-width: 714px){.hero-content{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;padding:1.8rem}.hero-text h1{font-size:1rem!important;margin-bottom:.7rem!important}.hero-text p{font-size:.532rem!important;max-width:35ch!important;line-height:1.5;margin-bottom:.6rem!important}.btn{font-size:.6rem!important;padding:.3rem 3.44rem!important}}@media (min-width: 601px) and (max-width: 767px){.hero{min-height:70vh}.hero-content{flex-direction:row;align-items:center;justify-content:center;padding:2rem;gap:2rem}.hero-image{order:0;flex:1;display:flex;justify-content:center}.hero-image img{width:260px;max-width:100%}.hero-text{order:1;flex:1;padding-left:3rem;max-width:36ch;text-align:left;align-items:flex-start}.hero-text h1{font-size:1.47rem;line-height:.6;margin-bottom:0}.hero-text p{font-size:.95rem;margin-bottom:.9rem}.btn{font-size:.85rem;padding:.45rem 1rem}}@media (min-width: 768px) and (max-width: 768px){.hero{min-height:70vh}.hero-content{flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding:1rem;max-width:700px}.hero-image{order:0;flex:1;display:flex;justify-content:center}.hero-image img{width:260px;max-width:100%}.hero-text{order:1;flex:1;padding-left:2rem;padding-right:2rem;max-width:28ch;align-items:flex-start;text-align:left}.hero-text h1{font-size:1.47rem;line-height:.6;margin-bottom:0}.hero-text p{font-size:.79rem;margin-bottom:.9rem}.btn{font-size:.9rem;padding:.5rem 5rem}}@media (min-width: 715px) and (max-width: 767px){.hero{min-height:70vh}.hero-content{flex-direction:row;justify-content:center;align-items:center;gap:2rem;padding:1rem;max-width:700px}.hero-image{order:0;flex:1;display:flex;justify-content:center}.hero-image img{width:260px;max-width:100%}.hero-text{order:1;flex:1;padding-left:2rem;padding-right:2rem;max-width:28ch;align-items:flex-start;text-align:left}.hero-text h1{font-size:1.47rem;line-height:.6;margin-bottom:0rem}.hero-text p{font-size:.79rem;margin-bottom:.9rem}.btn{font-size:.9rem;padding:.5rem 5rem}}@media (min-width: 769px){.hero{min-height:70vh}.hero-content{flex-direction:row;justify-content:center;align-items:center;gap:2.8rem;padding:1rem;max-width:700px}.hero-image img{width:260px;max-width:100%}.hero-text{padding-left:4rem;max-width:30ch;padding-right:1rem}.hero-text h1{font-size:1.6rem;margin-bottom:0;line-height:.6}.hero-text p{font-size:.85rem;margin-bottom:.9rem}.btn{font-size:.9rem;padding:.57rem 5.73rem}}.hero-content{animation:fadeIn 1s ease-in forwards}@media (max-width: 320px){.hero-text p{max-width:26ch;margin-left:auto;margin-right:auto;text-align:justify}}.marquee-wrapper{padding-top:.1rem;padding-bottom:1rem;margin:0 auto;max-width:100%}.marquee-container{position:relative;overflow:hidden;width:100%;height:100px}.marquee{display:inline-flex;flex-wrap:nowrap;gap:2rem;align-items:center;white-space:nowrap;animation:marqueeAnim 20s linear infinite}.marquee-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:64px}.marquee-item img{width:37px;height:37px;object-fit:contain;border-radius:6px;-webkit-user-select:none;user-select:none}.marquee-item span{font-size:.75rem;color:#333}.fade-left,.fade-right{position:absolute;top:0;width:60px;height:100%;pointer-events:none;z-index:10}.fade-left{left:0;background:linear-gradient(to right,white 0%,transparent 100%)}.fade-right{right:0;background:linear-gradient(to left,white 0%,transparent 100%)}@keyframes marqueeAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width: 768px){.marquee-wrapper{max-width:775px;padding-top:.1rem;padding-bottom:1.5rem}.marquee{gap:3rem}.marquee-container{height:130px}.marquee-item img{width:48px;height:48px}.fade-left,.fade-right{width:100px}}.project-card{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;max-width:75vw;width:100%;background-color:var(--highlight-bg, #f9f9f9);padding:1rem;border-radius:1.5rem;box-shadow:var(--shadow);font-family:var(--font-main);margin:0 auto .1rem;overflow:hidden;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 15px 35px #0000001a}.project-image{border-radius:1.25rem;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;background-color:inherit;overflow:hidden}.image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.image-wrapper img{width:100%;height:auto;object-fit:cover;border-radius:1rem;display:block}.project-content{text-align:center}.project-content h3{font-size:1.1rem;font-weight:700;color:var(--dark-text);margin-bottom:.7rem}.project-content h2{font-size:1.1rem;font-weight:700;color:var(--dark-text);margin-bottom:.1rem}.project-content p{font-size:.8rem;font-weight:400;color:var(--gray-text)}.project-footer{width:100%;background-color:#fff;border-radius:1.25rem;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin-top:.9rem;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tag{display:inline-flex;align-items:center;justify-content:center;min-height:1rem;background-color:#f9f9f9;border:1px solid #e5e5e5;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:400;color:var(--gray-text);transition:background-color .3s ease,color .3s ease;cursor:default}.case-study-btn{display:inline-flex;align-items:center;justify-content:center;min-height:1rem;background-color:#000;padding:.4rem .75rem;border-radius:999px;font-size:.75rem;font-weight:400;color:#fff;text-decoration:none;transition:all .3s ease;margin-left:auto;margin-right:0}.case-study-btn:hover{background-color:#f2f2f2;border:1px solid #373737;color:#000;box-shadow:0 6px 15px #0003}.project-card.green-background .project-image{background-color:#bed5b5}.project-card.blue-background .project-image{background-color:#d0e8f2}.project-card.beige-background .project-image{background-color:#f3efe0}.project-card.pink-background .project-image{background-color:#f3e0ee}.project-card.gray-background .project-image{background-color:#e0e0e0}@media (min-width: 768px){.project-card{width:100%;max-width:430px}.project-content h2,.project-content h3{font-size:1.5rem}.project-content p{font-size:.77rem}.project-tag{font-size:.9rem;padding:.5rem 1.2rem}.case-study-btn{font-size:.9rem;padding:.5rem 1.2rem;font-weight:400;border:1px solid black}.project-image{padding:1.5rem;height:294.5px}.image-wrapper img{width:100%;max-width:100%}}@media (max-width: 767px){.case-study-btn{margin-left:auto;margin-right:0;max-width:100%;width:fit-content;white-space:nowrap}}@media (min-width: 768px) and (max-width: 1023px){.case-study-btn{font-size:.9rem;padding:.5rem 1.2rem;font-weight:400}}@media (min-width: 1024px){.case-study-btn{font-size:.9rem;padding:.5rem 1.2rem;font-weight:400}}.contact-section{padding:2rem;background-color:#f9f9f9;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 8px 24px #00000014;text-align:center;margin-top:7rem}.contact-subtext span{font-style:italic;color:#666}.contact-section:hover{transition:box-shadow .3s ease}.contact-section h2{font-size:1.7rem;font-weight:800;margin-bottom:0}.contact-subtext{font-size:.77rem;color:#555;line-height:1.5;margin-top:.3rem;margin-bottom:1.5rem;max-width:99%;margin-inline:auto;text-align:center}.contact-subtext span{font-size:.77rem;color:#888;margin-left:.3rem}.contact-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.contact-icons a{background-color:#000;color:#fff;font-size:1.3rem;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid transparent}.contact-icons a:hover{background-color:#f2f2f2;border:1px solid #373737;color:#000;box-shadow:0 6px 15px #0003;transition:background .3s ease,border .3s ease,box-shadow .3s ease,color .3s ease}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:100%}.form-row{display:flex;flex-direction:column;gap:1rem;max-width:100%;box-sizing:border-box}.form-group{text-align:left;box-sizing:border-box}.form-group label{font-weight:500;margin-bottom:.3rem;display:block;font-size:.85rem;color:#333}.contact-form input,.contact-form textarea{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:.5rem;font-size:.77rem;background-color:#fff;font-family:inherit;box-sizing:border-box}.contact-form textarea{resize:vertical}.send-button{background-color:#111;color:#fff;padding:.5rem 3.25rem;border:1px solid transparent;border-radius:1.5rem;font-size:.9rem;cursor:pointer;transition:background .3s ease;width:100%;text-align:center}.send-button:hover{background-color:#f2f2f2;border:1px solid #373737;color:#000;box-shadow:0 6px 15px #0003}.thank-you-popup{background-color:#fff;border:1px solid #111;padding:1.5rem;border-radius:1.5rem;max-width:205px;margin:0 auto;text-align:center;box-shadow:0 10px 30px #0000001a;animation:fadeInScale .5s ease-in-out}.thank-you-popup p{font-size:.76rem;line-height:1.6;color:#111}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (min-width: 768px){.contact-form{width:100%;max-width:400px;margin:0 auto}.contact-section{padding:1rem 0 3rem;width:100%;margin:0 auto;margin-top:13.5rem}.form-row{display:flex;flex-direction:row;gap:.9rem;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.form-group{flex:1 1 calc(50% - 1.3rem);box-sizing:border-box}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;font-size:.9rem}.send-button{width:100%;max-width:100%;margin:.7rem auto 0;text-align:center;padding:.6rem 5.73rem;font-size:1rem}.contact-section h2{font-size:2.6rem}.contact-subtext{font-size:1rem;max-width:100%}.contact-subtext span,.form-group label{font-size:.9rem}.contact-icons{gap:2.5rem}.contact-icons a{width:46px;height:46px;font-size:1.3rem}.thank-you-popup{max-width:350px;padding:1rem}.thank-you-popup p{font-size:.85rem;line-height:1.6}}@media (max-width: 480px){.contact-section{padding:2rem;margin-top:7rem}.contact-section h2{font-size:2rem}.contact-icons{gap:1.6rem}.contact-icons a{width:38px;height:38px;font-size:1.1rem}.contact-form{max-width:88%;margin-inline:auto}.contact-form input,.contact-form textarea{font-size:.8rem;padding:.6rem .9rem}.send-button{padding:.5rem 2rem;font-size:.85rem;margin-inline:auto}}.projects-wrapper{display:flex;flex-direction:column;gap:2.5rem;padding:0 1rem}.projects-toggle{display:none}.projects-toggle-status{color:#7a7a7a;font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.01em;line-height:1.2}.projects-toggle-separator{width:4px;height:4px;border-radius:999px;background-color:#d8d8d8;flex-shrink:0}.projects-toggle-button{background:transparent;border:none;cursor:pointer;color:#111;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.01em;padding:0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em;transition:color .2s ease,text-decoration-color .2s ease,opacity .2s ease}.projects-toggle-button:hover{color:#111;text-decoration-color:currentColor;opacity:.78}.projects-toggle-button:focus-visible{outline:2px solid rgba(17,17,17,.12);outline-offset:3px}.categories{margin:.01rem 0 2.3rem;display:flex;gap:.2rem;flex-wrap:wrap;justify-content:center;font-family:Montserrat,sans-serif;font-size:15px}.categories button{background:#fff9;border:1px solid #e5e5e5;padding:.5rem .7rem;cursor:pointer;border-radius:30px;color:#111;transition:background-color .3s ease,color .3s ease,border-color .3s ease;font-weight:500;min-width:70px;text-align:center}.categories button:hover{background-color:#0000000d;border-color:#111;color:#111}.categories button.active{background-color:#111;color:#fff;border-color:#111}@media (min-width: 768px){.projects-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:1000px;margin:0 auto;justify-items:center}.projects-toggle{margin-top:4rem}.categories{display:flex;justify-content:center;gap:.4rem;padding-inline:.9rem;margin-top:2rem;margin-bottom:2rem}.categories button{padding:.6rem 1.2rem}}@media (min-width: 1024px){.projects-toggle{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:2.15rem;padding:0 1rem}}:root{--background: rgba(255, 255, 255, .6);--border-color: #e5e5e5;--text-color: #111;--gray-text: #555;--hover-bg: rgba(0, 0, 0, .05);--font-main: "Montserrat", sans-serif;--shadow: 0 10px 25px rgba(0, 0, 0, .05);--card-radius: 1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-section{max-width:380px;margin:2.7rem auto;padding:1rem;display:flex;flex-direction:column;gap:3rem;font-family:var(--font-main);color:var(--text-color);text-align:left;position:relative;background:none;border-radius:0;box-shadow:none}.about-content{flex:1;animation:fadeIn 1s ease-in forwards;display:flex;flex-direction:column}.about-title{font-size:1.45rem;font-weight:700;margin-bottom:0;text-align:center}.about-text{font-size:.77rem;color:var(--gray-text);line-height:1.6;margin-bottom:.6rem;max-width:40ch;text-align:left;margin-left:0;margin-right:0}.about-image-wrapper{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;display:none}.about-image{max-width:285px;width:100%;object-fit:cover;animation:fadeIn 1s ease-in forwards}.skills-section{width:100%}.skills-grid{display:grid;grid-template-columns:1fr}.skill-card{width:250px;height:56px;perspective:1000px;margin:0;padding:0;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .9s ease-in-out;transform-style:preserve-3d}.skill-card.flipped .card-inner{transform:rotateY(180deg);box-shadow:0 9px 12px #00000003}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:.6rem;background:var(--background);color:var(--text-color);box-sizing:border-box;transition:all .3s ease;animation:fadeIn 1s ease-in forwards}.card-front{border:1.5px solid #e5e5e5;padding:.75rem .5rem;text-align:center;font-size:.8rem;font-weight:600;background:#f9f9f9;color:var(--text-color);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.card-front:hover{background:var(--hover-bg);border-color:#888686;box-shadow:0 4px 12px #00000014;cursor:pointer}.card-back{transform:rotateY(180deg);font-weight:400;font-size:.77rem;padding:.75rem .5rem;line-height:1.4;text-align:center;background:#222;color:#f5f5f5}.skill-card:hover .card-back{background-color:#2a2a2a;box-shadow:0 20px 30px #00000014;cursor:pointer}.skills-header{animation:fadeIn 1s ease-in forwards}.experience-section{display:flex;flex-direction:column;list-style:none;padding-left:0;margin:0}.about-projects{display:flex;flex-direction:column;gap:0}.about-signoff{display:flex;flex-direction:column;align-items:center;gap:.2rem;margin-top:.55rem;padding-top:.7rem}.mobile-pic{display:block;text-align:center;margin:0}.mobile-pic img{max-width:180px;width:100%;height:auto;object-fit:cover;border-radius:.5rem}.about-signoff-text{margin-bottom:0;font-style:italic;color:#888;text-align:center}.mobile-skills{display:block;text-align:center;margin:0 0 1rem}.mobile-skills .skills-header{margin-top:0;margin-bottom:1.3rem}.mobile-skills .skills-grid{display:grid;grid-template-columns:1fr;gap:.9rem;justify-items:center}.mobile-skills .skill-card{width:235px;height:50px;font-size:.77rem}.mobile-skills .card-front,.mobile-skills .card-back{border-radius:.5rem;padding:.6rem .4rem}.mobile-skills .card-back{font-size:.69rem}@media (min-width: 375px) and (max-width: 389px){.about-section{max-width:297px}}@media (min-width: 390px) and (max-width: 425px){.about-section{max-width:310px}}@media (min-width: 426px) and (max-width: 767px){.about-section{max-width:320px;padding:1rem}.experience-section .about-text{max-width:100%;margin-left:0;margin-right:0}}@media (max-width: 767px){.experience-section{gap:0}.experience-section .about-text{margin-bottom:0;padding:.72rem 0;border-radius:0;background:transparent;box-shadow:none;border:none;border-bottom:1px solid #e5e5e5}.about-projects .about-title{margin-bottom:.45rem}.experience-section li:last-child{border-bottom:none}}@media (min-width: 768px){.mobile-pic,.mobile-skills{display:none}.about-projects{gap:0}.about-signoff{display:block;margin-top:0;padding-top:0;border-top:none}.about-signoff-text{text-align:left}.about-image-wrapper{display:flex;order:0;margin-top:3.9rem}.about-section{background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow);max-width:690px;padding:1rem;margin-top:7rem;margin-bottom:7rem;margin-left:auto;margin-right:auto;flex-direction:row}.about-section:hover{box-shadow:0 15px 35px #0000001a}.about-title{text-align:left;margin-left:3.5rem;font-size:1.6rem}.about-text{font-size:.85rem;max-width:39.8ch;margin-right:5px;margin-left:56px}.skills-grid{gap:0;margin-left:10px;margin-right:10px}.skill-card{padding:.75rem 0rem}.skills-section{width:100%}.skills-header{margin-left:-160px;margin-top:166px;margin-bottom:8px}.about-content{margin-top:1.95rem}}@media (min-width: 1024px){.about-section{max-width:900px}.about-title{margin-left:3.26rem}.about-text{margin-left:51.9px}.about-content{margin-top:1.9rem;margin-bottom:4.5rem}.skills-grid{margin-left:60px;margin-right:60px;gap:0}.skill-card{padding:.7rem 0rem}.skills-header{margin-left:-155px;margin-top:56px}}:root{--background: rgba(255, 255, 255, .6);--border-color: #e5e5e5;--text-color: #111;--gray-text: #555;--font-size: 15px;--shadow: 0 10px 25px rgba(0, 0, 0, .05);--highlight-bg: #f9f9f9;--card-radius: 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.case-study-layout{max-width:1200px;width:100%;margin:0;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0;overflow-x:visible;margin-top:1rem;margin-bottom:3rem}.sidebar-nav{border-radius:1rem;padding:1rem;font-size:.95rem;color:#000;display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding-left:0}.sidebar-nav li{list-style:none}.sidebar-nav a{display:flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;padding:.5rem .75rem;border-radius:.75rem;transition:transform .2s ease;position:relative;background-color:transparent}.sidebar-nav a:hover,.sidebar-nav a:focus{transform:translate(3px);background-color:transparent}.sidebar-nav svg{opacity:.5;transition:opacity .3s;flex-shrink:0}.sidebar-nav a:hover svg,.sidebar-nav a:focus svg{opacity:.8}.sidebar-nav a.active{font-weight:700;color:#000;transform:translate(3px)}.sidebar-nav a.active svg{opacity:1}.project-main-content{display:flex;justify-content:center;align-items:flex-start;width:100%;flex-grow:1}.project-container{width:100%;max-width:480px;margin:0 auto;padding:2rem 1.25rem;background:#fff}.project-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--text-color);text-align:center;margin-bottom:.3rem}.project-subtitle{font-size:.8rem;color:var(--gray-text);text-align:center;margin-bottom:2rem;max-width:60ch;margin-inline:auto;line-height:1.5}.project-info-boxes{background:var(--background);padding:1.5rem;border-radius:1.25rem;box-shadow:var(--shadow);margin-bottom:2rem;display:flex;flex-direction:column;text-align:center;gap:1.5rem}.project-info-boxes>div{font-size:.85rem}.project-info-boxes strong{font-weight:600;color:var(--text-color);display:block;margin-bottom:.2rem}.project-info-boxes p{color:var(--gray-text);margin:0}.project-content p{font-size:.8rem;color:var(--gray-text);line-height:1.5;margin-bottom:1.35rem;max-width:60ch;margin-inline:auto;text-align:left}.project-image-wrapper{background:#fff;border-radius:1.25rem;box-shadow:0 6px 20px #0000001a;display:flex;justify-content:center;align-items:center;margin:2rem auto;max-width:500px}.project-image{width:100%;height:auto;padding:1rem;display:block}.case-study-flex{display:flex;width:100%;gap:2rem}.cta-button{display:inline-flex;background:#f9f9f9;border:1px solid #e5e5e5;padding:.5rem 1.2rem;border-radius:999px;font-size:.8rem;font-weight:500;color:#111;text-decoration:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;text-align:center;box-shadow:0 3px 10px #0000000d;cursor:pointer}.cta-button:hover{background-color:#0000000d;border-color:#111;color:#111}.cta-button.primary{background-color:#000;color:#fff;border-color:#000}.cta-button.primary:hover{background-color:#f2f2f2;border:1px solid #373737;color:#000}.project-actions{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:1rem}.test-credentials{background:#f9f9f9;border-radius:1rem;padding:2rem;margin:3rem auto 2rem;width:85%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:1px solid #eee}.credential-title{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:#111;margin-bottom:0}.test-credentials .credential-subtitle{font-size:.75rem;color:#666;margin-bottom:.5rem;margin-top:0;font-weight:400;letter-spacing:0}.credential-group{display:flex;align-items:center;gap:1.3rem;font-size:.9rem;background:#fff;padding:.6rem 1.2rem;border-radius:8px;border:1px solid #e5e5e5;box-shadow:0 2px 4px #00000005}.credential-item{display:flex;align-items:center;gap:.5rem}.credential-item .label{font-size:.65rem;text-transform:uppercase;font-weight:700;color:#aaa;letter-spacing:.5px}.credential-item .value{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:600;color:#636363;font-size:.67rem;letter-spacing:0}.separator{width:1px;height:1rem;background-color:#e0e0e0}@media (max-width: 500px){.test-credentials{padding:2rem 1rem 1rem;width:95%;margin:2rem auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.credential-group{width:85%;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;padding:1rem;box-sizing:border-box}.credential-item{display:flex;justify-content:flex-start;align-items:center;width:100%;gap:.5rem;flex-wrap:wrap}.credential-item .label{min-width:auto;text-align:left}.credential-item .value{text-align:left}.separator{display:none}}@media (min-width: 768px){.case-study-layout{flex-direction:row;align-items:flex-start;position:relative}.case-study-flex{display:flex;width:100%;gap:2rem}.project-title{font-size:2rem}.project-subtitle{font-size:.9rem;text-align:center}.project-info-boxes{flex-direction:row;justify-content:space-between;text-align:center;padding:2rem;gap:2rem}.project-info-boxes>div{flex:1}.project-content p{font-size:.9rem}.project-image-wrapper{max-width:480px;margin:3rem auto}.cta-button{padding:.7rem 1.5rem}}@media (min-width: 1024px){.case-study-layout{max-width:1340px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;gap:14.9rem}.sidebar-nav{display:block;width:140px;max-width:none;padding:1rem;border-radius:1rem;height:600px;flex-shrink:0;top:10.6rem;position:sticky;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav a{padding-left:.5rem;border-left-width:4px;margin-top:1rem}.project-main-content{justify-content:flex-start}.project-container{margin:0}}@media (min-width: 768px) and (max-width: 1023px){.case-study-layout{flex-direction:column;padding:1rem;align-items:center}.sidebar-nav{display:none}.project-main-content{justify-content:center}.project-container{max-width:480px;margin:0 auto;padding:2rem 1.25rem}.project-info-boxes{flex-direction:column;padding:1.5rem;gap:1.5rem}}@media (max-width: 767px){.case-study-layout{flex-direction:column;padding:1rem}.sidebar-nav{display:none}.project-container{padding:2rem;max-width:100%}}@media (width: 1024px){.case-study-layout{padding-left:3rem;padding-right:1rem;gap:3.9rem}}@media (max-width: 320px){.case-study-layout{padding:.9rem 0rem}}@media (min-width: 321px) and (max-width: 375px){.case-study-layout{padding:1rem 0rem}}@media (min-width: 376px) and (max-width: 425px){.case-study-layout{padding:1rem 0rem}}.project-image-trigger{width:100%;padding:0;border:0;background:transparent;border-radius:inherit;cursor:zoom-in;display:block;transition:transform .2s ease,opacity .2s ease}.project-image-trigger:hover{transform:translateY(-1px)}.project-image-trigger:hover .project-image,.project-image-trigger:focus-visible .project-image{opacity:.96}.project-image-trigger:focus-visible{outline:2px solid #111;outline-offset:4px}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#111111ad;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.overlay-content{position:relative;width:min(100%,368px);max-height:100%;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:.85rem;background:#fff;box-shadow:0 18px 48px #00000042}.overlay-image{width:100%;max-height:62vh;object-fit:contain;display:block;border-radius:.55rem;background:#fff}.overlay-close-button{position:absolute;top:.95rem;right:1rem;width:28px;height:28px;border:0;border-radius:999px;background:#111111bd;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease,opacity .2s ease}.overlay-close-icon{width:15px;height:15px;display:block;stroke-width:2.45;flex-shrink:0}.overlay-close-button:hover,.overlay-close-button:focus-visible{background:#111111db;transform:scale(1.02)}@media (min-width: 641px){.overlay-backdrop{padding:3rem}.overlay-content{width:min(100%,720px);padding:.55rem;border-radius:1.1rem}.overlay-image{max-height:min(70vh,620px);border-radius:.95rem}.overlay-close-button{top:1.29rem;right:1.29rem;width:2rem;height:2rem}.overlay-close-icon{width:.95rem;height:.95rem;stroke-width:2.35}}.footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:1rem 1.5rem;color:#333;font-size:.9rem;border-top:1px solid #ccc}.footer-links{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:#333;text-decoration:none;font-size:.9rem;letter-spacing:.3px;transition:color .3s ease}.footer-links a:hover{font-weight:500}@media (min-width: 601px){.footer{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:1.7rem 3rem}.footer-links{justify-content:flex-end;align-items:center}.footer>div{margin:0;padding:0;line-height:1}}