@media screen and (max-width: 1200px) {
    #desktop-nav {
        display: none;
    }
    #hamburger-nav {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 80%;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .container {
        width: 80%;
    }
}

@media (min-width: 840px) and (max-width: 1200px) {
    .container {
        width: 90%;
    }
}

@media (min-width: 600px) and (max-width: 840px) {
    .container {
        width: 90%;
    }
}

@media (max-width: 600px) {
    .container {
        width: 95%;
    }
}

@media (max-width: 1000px) {
    .case-study-container {
        flex-direction: column;
    }
}

@media (max-width: 1000px) {
    .container-title {
        max-width: 100%;
    }
}

@media (max-width: 1000px) {
    .about-me-container {
        flex-direction: column;
    }
}

@media (max-width: 1000px) {
    .process-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 1000px) {
    .outcome-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 1000px) {
    #ship .outcome-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .profile-layout {
        gap: 2rem;
    }
    .profile-experience {
        align-self: stretch;
    }
    .experience-table {
        max-width: none;
    }
    .experience-row {
        grid-template-columns: 3rem 1fr;
        gap: 0.25rem 1rem;
    }
    .experience-row .exp-role {
        grid-column: 2;
    }
}

@media (max-width: 900px) {
    .ab-testing {
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .bg-systems-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .focus-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .audience-pain-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .audience-pain-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .opportunity-card-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .opportunity-card-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .shopify-design-cards {
        flex-direction: column;
    }
}

@media (max-width: 1100px) {
    body.about-page .about-editorial-layout {
        grid-template-columns: 1fr;
        grid-template-areas:
            "main"
            "left"
            "right";
        max-width: 42rem;
    }

    body.about-page .about-editorial-gallery {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(0.75rem, 2vw, 1rem);
        overflow: hidden;
        padding-inline: clamp(0.2rem, 2vw, 0.5rem);
    }

    /* Gentler tilt + sizes so tiles stay inside the gallery grid */
    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(1) {
        max-width: 96%;
        transform: rotate(-2.2deg) scale(0.98);
    }

    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(2) {
        max-width: 88%;
        transform: rotate(1.8deg) scale(0.95);
    }

    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(3) {
        max-width: 92%;
        transform: rotate(1deg) scale(0.97);
    }

    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(4) {
        max-width: 82%;
        transform: rotate(-1.5deg) scale(0.93);
    }

    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(1) {
        max-width: 90%;
        transform: rotate(2deg) scale(0.96);
    }

    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(2) {
        max-width: 98%;
        transform: rotate(-1.4deg) scale(0.99);
    }

    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(3) {
        max-width: 84%;
        transform: rotate(1.3deg) scale(0.92);
    }

    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(4) {
        max-width: 94%;
        transform: rotate(-1.2deg) scale(0.97);
    }

    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(1) img,
    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(2) img,
    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(3) img,
    body.about-page .about-editorial-gallery--left .about-editorial-shot:nth-child(4) img,
    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(1) img,
    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(2) img,
    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(3) img,
    body.about-page .about-editorial-gallery--right .about-editorial-shot:nth-child(4) img {
        aspect-ratio: 1;
    }
}