.navbar{top:0!important;display:flex;justify-content:space-around;gap:15px;padding:10px 20px;background-color:#e0e0e0;border-radius:40px;width:100%;max-width:1000px;margin:60px auto!important;z-index:98;position:sticky;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(min-width:768px){.navbar{margin:120px auto!important;top:20px!important}}.navbar button{background:none;border:none;cursor:pointer;font-weight:700;font-size:1rem;color:#888;margin:0 10px;padding:10px 20px;border-radius:20px;transition:color .3s,background-color .3s}@media(min-width:768px){.navbar button{margin:0}}.navbar button.active{background-color:#fff;color:#333;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:50px}.navbar button:hover{color:#666}.work-section{padding:80px 0}.work-section h2{color:rgba(0,0,0,.1);font-family:Outfit;font-size:48px;font-style:normal;max-width:576px;width:100%;text-transform:lowercase;margin:60px 0}@media(min-width:1024px){.work-section h2{font-size:128px;font-style:normal;font-weight:900;line-height:128px;margin:120px 0}}.work-section .projects-container{display:flex;gap:50px;flex-wrap:wrap;margin-bottom:60px}@media(min-width:768px){.work-section .projects-container{gap:100px}}.project-card{position:relative;width:100%;height:auto;overflow:hidden}@media(min-width:1024px){.project-card{height:690px}}.project-card img{width:100%;height:100%;object-fit:cover}.project-card .card-link{position:absolute;top:0;right:0;background:#fff;cursor:pointer;padding:20px 15px;color:#474554;font-family:Outfit,sans-serif;font-size:10px;font-style:normal;font-weight:900;max-width:250px;letter-spacing:1px;text-decoration:none;display:flex;flex-direction:column}.project-card .card-link .icon{background:url(/assets/images/mouse.svg) no-repeat;height:30px;width:25px}@media(min-width:768px){.project-card .card-link{font-size:48px;padding:50px 45px}}.project-card h4{position:absolute;bottom:0;left:0;background:#fff;padding:10px;color:#474554;font-family:Outfit;font-size:10px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:2px;text-transform:uppercase}@media(min-width:768px){.project-card h4{font-size:20px;padding:20px}}.skeleton-sections{margin-top:20px}.skeleton-section{margin-bottom:40px}.skeleton-project-card{border-radius:8px}