@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:0;

        width:340px;

        max-width:85vw;

        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;

        align-items:center;

        padding-top:140px;

        gap:42px;

        transform:translateX(100%);

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

        z-index:999;

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

    }

    .nav-links.active{

        transform:translateX(0);

    }

    .project-filters{

        display:flex;

        gap:12px;

        overflow-x:auto;

        overflow-y:hidden;

        flex-wrap:nowrap;

        scroll-snap-type:x proximity;

        padding-bottom:10px;

        scrollbar-width:none;

        -ms-overflow-style:none;

    }

    .project-filters::-webkit-scrollbar{

        display:none;

    }

    .project-filters button{

        flex:0 0 auto;

    }

}

@media (max-width:700px){

    .hero{

        display:block;

        min-height:auto;

        padding-top:120px;

        padding-bottom:70px;

        text-align:center;

    }

    .hero-content{

        display:flex;
        flex-direction:column-reverse;
        align-items:center;
        text-align:center;
        gap:60px;
        padding-top:20px;

    }

    .hero-left{

        width:100%;

    }

    .hero-right{

        display:flex;

        justify-content:center;

        align-items:center;

        width:100%;

        margin-top:0;

        margin-bottom:0;


    }

    .hero-left h1{

        font-size:2.9rem;

        line-height:1.1;

        margin-bottom:18px;

    }

    .hero-left h2{

        font-size:1.9rem;

        line-height:1.35;

        margin-bottom:26px;

    }

    .hero-left p{

        max-width:600px;

        margin:0 auto 40px;

        font-size:1.1rem;

        line-height:1.8;

    }

    .hero-buttons{

        justify-content:center;

        align-items:center;

        flex-direction:column;

        gap:16px;

    }

    .avatar-circle{

        width:200px;
        height:200px;
        font-size:4rem;
        margin:0 auto;

    }

    .stats-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .stat-card{

        padding:30px 15px;

    }

    .stat-card:nth-child(2){

        border-right:none;

    }

    .stat-card:nth-child(1),

    .stat-card:nth-child(2){

        border-bottom:1px solid rgba(0,245,212,.08);

    }

    .project-card{

        padding:28px;

    }

    .project-tags span{

        font-size:.78rem;

        padding:8px 12px;

    }
}

@media(max-width:500px){

  .logo{

      font-size:.95rem;

  }

  .nav-links{

      width:300px;

  }

  .hero-buttons a{

      width:100%;

      max-width:320px;

      text-align:center;

  }

    .avatar-circle{

        width:200px;

        height:200px;

    }

}

@media (max-width:390px){

    .nav-links{

        width:300px;

    }

}