@media (max-width:390px){

    .nav-links{

        width:300px;

    }

}

@media(max-width:500px){

  .logo{

      font-size:.95rem;

  }

  .nav-links{

      width:300px;

  }

  .hero-buttons{

    flex-direction:column;

    }

    .hero-buttons a{

        width:100%;

        text-align:center;

    }

}

@media (max-width:900px){

    .contact-grid {

        grid-template-columns: 1fr;

        gap: 40px;
    }

    .menu-toggle{

        display:flex;

        justify-content:center;

        align-items:center;

    }

    .hire-btn{

        display:none;

    }

    .nav-links{

        position:fixed;

        top:0;

        right:-100%;

        width:340px;

        height:100vh;

        background:rgba(6,10,25,.97);

        backdrop-filter:blur(18px);

        border-left:1px solid var(--border);

        flex-direction:column;

        justify-content:flex-start;

        padding-top:140px;

        align-items:center;

        gap:42px;

        transition:
          right .45s cubic-bezier(.22,.61,.36,1);

        z-index:999;

        box-shadow:
          -40px 0 80px rgba(0,0,0,.45);

        border-top-left-radius:24px;

        border-bottom-left-radius:24px;

    }

    .nav-links.active{

        right:0;

    }

    .project-filters{

        overflow-x:auto;

        flex-wrap:nowrap;

        padding-bottom:10px;

        scrollbar-width:none;

    }

    .project-filters::-webkit-scrollbar{

        display:none;

    }

}