@media (max-width: 1100px) {

    .header-profile-button {
        display: none;
    }

    .main-navigation ul {
        gap: 24px;
    }

    .hero-grid {
        grid-template-columns: 1fr 0.85fr;
        gap: 45px;
    }

    .floating-card-top {
        right: -5px;
    }

    .floating-card-bottom {
        left: -5px;
    }

    .advantages-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-container {
        grid-template-columns: 1.3fr 0.9fr 0.7fr;
    }

    .footer-socials {
        grid-column: 2 / 4;
    }

}


@media (max-width: 900px) {

    :root {
        --header-height: 82px;
    }

    .brand-logo img {
        width: 195px;
        height: 66px;
    }

    .mobile-menu-button {
        display: block;
        margin-left: auto;
    }

    .main-navigation {
        position: absolute;
        top: var(--header-height);
        right: 0;
        left: 0;
        display: none;
        padding: 15px 5%;
        background: #ffffff;
        border-bottom: 1px solid #e2e7e4;
        box-shadow:
            0 15px 30px rgba(24, 33, 43, 0.08);
    }

    .main-navigation.open {
        display: block;
    }

    .main-navigation ul {
        display: block;
    }

    .main-navigation li {
        border-bottom: 1px solid #edf1ef;
    }

    .main-navigation li:last-child {
        border-bottom: 0;
    }

    .main-navigation a {
        padding: 15px 0;
    }

    .main-navigation a::after {
        display: none;
    }

    .hero-section {
        min-height: auto;
        padding: 70px 0 75px;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .hero-content {
        max-width: 760px;
    }

    .hero-visual {
        min-height: auto;
    }

    .technology-panel {
        width: min(100%, 600px);
    }

    .section-heading-row,
    .portfolio-heading {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .project-card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 14px);
        justify-self: center;
    }

    .introduction-grid,
    .industries-layout,
    .home-contact-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .introduction-grid > div:last-child {
        padding-top: 0;
    }

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

    .facts-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .fact-item:nth-child(2) {
        border-right: 0;
    }

    .fact-item:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    }

    .profile-cta {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-container {
        grid-template-columns: 1.2fr 1fr;
    }

    .footer-socials {
        grid-column: auto;
    }

}


@media (max-width: 620px) {

    .container {
        width: min(91%, 1200px);
    }

    h1 {
        font-size:
            clamp(2.55rem, 12vw, 3.8rem);
    }

    h2 {
        font-size: 2rem;
    }

    .brand-logo img {
        width: 170px;
        height: 58px;
    }

    .hero-section {
        padding-top: 55px;
    }

    .hero-description {
        font-size: 1rem;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .button {
        width: 100%;
    }

    .hero-trust-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .trust-divider {
        width: 100%;
        height: 1px;
    }

    .hero-visual {
        display: none;
    }

    .services-preview-section,
    .portfolio-section,
    .marketing-work-section,
    .introduction-section,
    .why-us-section,
    .industries-section,
    .leadership-preview-section,
    .profile-cta-section,
    .home-contact-section {
        padding: 75px 0;
    }

    .services-grid,
    .portfolio-grid,
    .advantages-grid,
    .industries-grid,
    .contact-details-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: 330px;
    }

    .project-card:last-child {
        grid-column: auto;
        width: 100%;
    }

    .project-image {
        height: 240px;
    }

    .leadership-card {
        min-height: auto;
    }

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

    .fact-item {
        min-height: 120px;
        border-right: 0;
        border-bottom:
            1px solid rgba(255, 255, 255, 0.22);
    }

    .fact-item:last-child {
        border-bottom: 0;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-brand img {
        width: 210px;
        height: 70px;
    }

}