@media(max-width:1100px){

    .hero-content,
    .experience-content{
        grid-template-columns:1fr;
        gap:60px;
    }

    .hero-text h1{
        font-size:64px;
    }

    .services-grid,
    .projects-grid{
        grid-template-columns:1fr;
    }

    .project-card.featured{
        min-height:auto;
    }

    .contact-card{
        flex-direction:column;
        align-items:flex-start;
    }

}

@media(max-width:768px){

    .container{
        padding:0 24px;
    }

    .menu{
        position:absolute;
        top:80px;
        left:24px;
        right:24px;

        display:none;
        flex-direction:column;
        align-items:flex-start;

        padding:24px;

        border-radius:24px;

        background:rgba(8,10,14,0.96);
        border:1px solid rgba(255,255,255,0.08);

        backdrop-filter:blur(18px);
    }

    .menu.active{
        display:flex;
    }

    .hero{
        min-height:auto;
        padding-top:120px;
        padding-bottom:70px;
    }

    .hero-content{
        gap:50px;
    }

    .hero-text h1{
        font-size:46px;
        letter-spacing:-2px;
    }

    .hero-text p,
    .experience-text p,
    .contact-text p{
        font-size:17px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .btn-primary,
    .btn-secondary{
        text-align:center;
    }

    .hero-trust{
        gap:12px;
    }

    .trust-item{
        width:100%;
    }

    .mockup-body{
        grid-template-columns:1fr;
    }

    .mockup-sidebar{
        display:none;
    }

    .mockup-grid{
        grid-template-columns:1fr;
    }

    .services,
    .projects,
    .experience,
    .contact{
        padding-bottom:80px;
    }

    .section-header h2,
    .experience-text h2,
    .contact-text h2{
        font-size:38px;
        letter-spacing:-2px;
    }

    .section-header{
        margin-bottom:42px;
    }

    .service-card,
    .project-card{
        padding:28px;
        border-radius:26px;
    }

    .project-card h3{
        font-size:30px;
    }

    .preview-blocks{
        grid-template-columns:1fr;
    }

    .contact-card{
        padding:36px;
        border-radius:30px;
    }

    .contact-actions,
    .contact-button{
        min-width:0;
    }

    .footer-content{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer-links{
        flex-wrap:wrap;
    }

    .mobile-menu-button{
        display:flex;
    }

    .hero-text,
    .hero-image{
        animation-delay:0s;
    }

}

@media(max-width:480px){

    .hero-text h1{
        font-size:40px;
    }

    .section-header h2,
    .experience-text h2,
    .contact-text h2{
        font-size:34px;
    }

    .mockup-card{
        border-radius:24px;
    }

    .mockup-content{
        padding:26px;
    }

}

@media(max-width:768px){

    body{
        overflow-x:hidden;
    }

    .hero-image,
    .mockup-card,
    .project-preview,
    .contact-card{
        width:100%;
        max-width:100%;
    }

    .mockup-card{
        overflow:hidden;
    }

    .mockup-body{
        min-height:auto;
    }

    .mockup-content{
        min-width:0;
    }

    .mockup-grid,
    .preview-blocks{
        min-width:0;
    }

    .hero-text h1,
    .section-header h2,
    .experience-text h2,
    .contact-text h2{
        word-break:normal;
        overflow-wrap:break-word;
    }

    .project-card.featured{
        min-height:auto;
    }

    .projects-header{
        display:block;
    }

    .contact-card{
        overflow:hidden;
    }

}