/* Base styles for responsiveness */
@media screen and (max-width: 1280px) {
    .wrapper {
        max-width: 95%;
    }

    .content h1 {
        font-size: 2.5vw;
    }
    .content h3 {
        font-size: 6vw;
        line-height: 5.5vw;
    }

    .case-text h3 {font-size: 26px; line-height: 1;}

    .nav-links {grid-gap: 15px;}
    .nav-links a {font-size: 13px;}
    .button {font-size: 13px}

    .case-item:first-child figure, .case-item figure {padding-bottom: 100%;}

    .social-icons {justify-content: center;}

}

/* Tablet view */
@media screen and (max-width: 1024px) {
    .buttons {
        position: static;
        margin-top: 10px;
    }
    .hero-content h1 {
        font-size: 10vw;
        line-height: 9vw;
    }
    .hero-content div {
        bottom: 30px;
    }
    .grid-home {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-right {
        max-width: 100%;
    }
    .footer-nav {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 10px;
    }
}

/* Mobile view */
@media screen and (max-width: 768px) {
    .mobile-menu.active .nav-links {display: block;}
    .menu-toggle {display: block;}
    .nav-links {display:none}

    .navbar {
        flex-direction: column;
        align-items: end;
    }

header .buttons {display: none;}

.hero-content > div.subtitle {font-size: 16px;}

    .hero-section {
        height: 100vh;

        text-align: center;
    }
    .hero-content h1 {
        font-size: 12vw;
        line-height: 10vw;
    }
    .hero-content div {
        bottom: 0px;
    }

    .content .right-column, .content .left-column {
        margin-bottom: 0px;
    }

    .section-header {display:block}

    .hero-content > div {font-size: 18px; line-height: 1.4;}

    .section-title {
        font-size: 12vw;
        line-height: 11vw;
    }
    .cta-section {
        max-width: 100%;
        margin-top: 30px;
    }
    .case-studies {
        flex-direction: column;
        gap: 12px;
    }
    .case-card {
        width: 100%;
    }
    .contact-button {
        font-size: 12px;
        padding: 8px;
    }
    .content {
        padding: 40px 0;
    }
    .content h1 {
        font-size: 5vw;
    }
    .content h3 {
        font-size: 13vw;
        line-height: 12vw; margin: 50px 0
    }
    .case-text h3 {font-size: 26px; line-height: 1; margin: 5px 0 10px;}
    .content p {
        font-size: 14px;
    }
    .footer-content {
        flex-direction: column;
        text-align: center;
    }
    .footer-nav {
        flex-direction: column;
        align-items: flex-start; gap: 0px;
    }
    .social-icons {
        justify-content: center;
    }
    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer-nav a {border-top:1px dotted #fff; display: block;width: 100%; padding: 12px 0; text-align: left; font-size: 15px;}
    .footer-nav a:last-child {border-bottom:1px dotted #fff;}

    .footer-nav span {display: none;}

    .dots {
        position: relative;
        width: 300px;

    }

    .footer-description {
        font-size: 22px;
        font-weight: 300;
        line-height: 1.3; text-align: left;
    }

    .grid-home-two {
        grid-template-columns: 1fr ;

    }


    .order-container {
        display: flex;
        flex-direction: column;
    }


    .image-container {
        order: 2;
    }

    .grid {
        order: 1;
    }

    .about-grid {grid-template-columns: 1fr; grid-gap: 0;}

  .section-header.col-3 {display: block;}

}

/* Small mobile view */
@media screen and (max-width: 480px) {
    .wrapper {
        padding: 20px;
    }
    .hero-content h1 {
        font-size: 14vw;
        line-height: 12vw;
    }
    .hero-content div {
        bottom: 10px;
    }
    .case-studies {
        gap: 10px;
    }
    .contact-button {
        font-size: 10px;
        padding: 6px;
    }
    .section-title {
        font-size: 7vw;
    }
    .cta-section {
        max-width: 100%;
    }
    .footer {
        padding: 30px 0;
    }
    .footer-content {
        flex-direction: column;
        text-align: center;
    }
    .footer-nav {
        flex-direction: column;
    }
}


@media (max-width: 1024px) {
    .brand-grid {
        grid-template-columns: repeat(2, 1fr); /* Switch to 2-column grid */
    }
    .brand-item:nth-child(4n)::after,
    .brand-item:nth-child(2n)::after {
        border-right: none; /* Remove right border for 2nd column in 2-column layout */
    }
    .brand-item:nth-last-child(-n+2)::after {
        border-bottom: none; /* Remove bottom border for last row in 2-column layout */
    }
}

@media (max-width: 768px) {
    .brand-grid {
        grid-template-columns: 1fr; /* Single-column layout on mobile */
    }

    .brand-item::after {
        border-right: none;
    }
    .brand-item:nth-last-child(1)::after {
        border-bottom: none;
    }
}