.navbar-wrapper{z-index:1000;width:100dvw;height:var(--navbar-height);background-color:#fff;border-bottom:1px solid #eee;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar{width:var(--section-width);height:var(--navbar-height);justify-content:space-between;align-items:center;padding:10px 25px;display:flex}.logo{font-size:18px}.logo span{color:var(--color-grey-40)}.logo:hover,.logo span:hover{color:var(--color-grey-0)}.nav-links a{color:var(--color-grey-50);margin:0 20px;font-size:16px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--color-grey-20);text-decoration:none;transition:color .2s}.resume-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:20px;padding:10px 20px}.mobile-navigation-placeholder{width:var(--section-width-mobile);height:var(--navbar-height);z-index:1000;background:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.dropdown{opacity:0;width:100%;height:max-content;padding:calc(var(--navbar-height) + 10px) 20px 20px 20px;z-index:999;padding-top:calc(var(--navbar-height) + 10px);z-index:90;background:#fff;transition:all .35s;position:fixed;top:0;left:0;transform:translateY(-120%)}.dropdown.open{opacity:1;border-bottom:1px solid #eee;transform:translateY(0)}.dropdown nav{flex-direction:column;gap:20px;display:flex}.dropdown a{color:#000;font-size:18px;text-decoration:none}.socials{gap:10px;margin-top:20px;display:flex}.socials button{border:1px solid #ccc;border-radius:10px;padding:10px}.resume{color:#fff;background:#000;border:none;border-radius:25px;margin-top:20px;padding:12px}.menu-toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.nav-icon-png{width:30px;height:auto;transition:transform .2s ease-in-out;display:block}.menu-toggle-btn:hover .nav-icon-png{transform:scale(1.1)}.nav-icon-png{object-fit:contain;width:24px;height:24px;display:block}.menu-toggle-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:10px;display:flex}:root{--color-primary:#3f51b5;--color-primary-dark:#3f51b5;--color-primary-light:#3f51b5;--color-secondary-dark:#3f51b5;--color-secondary-light:#3f51b5;--color-accent-dark:#3f51b5;--color-accent-light:#3f51b5;--color-background-primary:#fff;--color-background-secondary:#3f51b5;--color-background-secondary-dark:#3f51b5;--color-background-secondary-light:#3f51b5;--color-grey-0:#000;--color-grey-10:#1a1a1a;--color-grey-20:#333;--color-grey-30:#4d4d4d;--color-grey-40:#666;--color-grey-50:gray;--color-grey-60:#999;--color-grey-70:#b3b3b3;--color-grey-80:#ccc;--color-grey-90:#e6e6e6;--color-grey-100:#fff;--section-width:1440px;--section-width-mobile:768px;--mobile-navbar-breakpoint:1000px;--navbar-height:64px;--navbar-padding-horizontal:16px;--font-navbar:"poppins", sans-serif;width:100%;margin:0;padding:0}body{background:var(--color-background-primary);margin:0;padding:0;font-family:Arial,sans-serif}.hero{text-align:center;margin-top:120px}.subtitle{color:gray;margin-bottom:20px;font-size:14px}.hero h1{max-width:800px;margin:0 auto;font-size:42px;font-weight:500}.highlight{color:#ff6a00}.location{color:#444;margin-top:20px}.featured{padding:60px}.featured-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.view-all{cursor:pointer;font-size:14px}.work-card{cursor:pointer}.image-wrapper{background:#e9eaec;border-radius:16px;padding:20px}.image-wrapper img{border-radius:10px;width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.work-card{flex-direction:column;display:flex}.image-wrapper{background:#e9eaec;border-radius:16px;justify-content:center;align-items:center;width:100%;height:260px;display:flex;overflow:hidden}.image-wrapper img{object-fit:cover;object-position:center;border-radius:16px;width:100%;height:100%}.card-content{margin-top:12px}.tag{color:gray;font-size:12px}.card-content h3{margin:5px 0;font-size:16px}.subtitle{color:#555;font-size:13px}.work-card:hover img{transition:all .4s;transform:scale(1.05)}.image-wrapper img{transition:all .4s}