.comission-img-pos {
    grid-area: 1 / 8 / 2 / 13;
}

.art-impact-max-width {
    max-width: 45ch;
}



.is-cta-first {
    grid-area: 1 / 1 / 2 / 7;
}

.is-cta-second {
    grid-area: 1 / 7 / 2 / 13;
}

@media screen and (max-width: 767px) {

    .who-we-work-pos,
    .who-we-work-img-pos {
        grid-area: auto;
    }

    .process-arrow {
        display: none;

        /* Hide arrows on mobile stack */
    }

    .process-step {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }

    .who-we-work-with .grid-cols-3 {
        grid-template-columns: 1fr !important;
    }

    .max-width-smalltxt1 {
        max-width: 100%;
    }

    .max-width-we-work-closely {
        max-width: 100%;
    }

    .col-4:last-child .process-step {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}



.why-design-max-width {
    max-width: 11ch;
}

/* Grid-positioned hero info blocks (for pages with hero images and grid layout) */
.hero-text-block-pos {
    grid-area: 1 / 7 / 2 / 13;
    align-self: end;
}

@media screen and (max-width: 767px) {
    .hero-text-block-pos {
        grid-area: auto;
        align-self: flex-start;
        width: 100%;
    }
}

.procurement-subhead-pos {
    /* grid-area: 1 / 7 / 2 / 13 */
    /* align-self: end */
}



.flex-hero-three {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

@media screen and (max-width: 991px) {
    .flex-hero-three {
        height: auto;
        padding-bottom: 0;
        border-bottom: 1px solid var(--color-border-light);
    }

    .flex-hero-three:last-child {
        border-bottom: none;
    }
}

/* --- Intro Crossfade Slider --- */

.our-network-header-pos {
    grid-area: 1 / 7 / 2 / 13;
}






.project-text-pos {
    grid-area: 2 / 7 / 3 / 13;
    display: flex;
}

.max-width-projects {
    max-width: 48ch;
}

.projects-sub-text-pos {
    grid-area: 2 / 1 / 3 / 7;
}



/* .is-projects {
    font-size: clamp(3.5rem, 12.5vw, 30rem);
    left: -1.3rem;
} */
.is-projects-padding {
    /* padding: 0 4rem */
}



.trika-art-subheader-position {
    grid-area: 1 / 8 / 2 / 13;
}

.trika-art-logo {
    width: 27rem;
}

.trika-art-offers-large-pos {
    grid-area: 1 / 8 / 2 / 13;
}





.home-hero-header-pos {
    grid-area: 1 / 1 / 2 / 10;
}

@media screen and (max-width: 767px) {
    .home-hero-header-pos {
        grid-area: auto;
        margin-top: 2rem;
        margin-bottom: 2rem;
        position: relative;
        left: -0.3rem;
    }
}





/* Legal Pages Tablet/Mobile Fix */
@media screen and (max-width: 991px) {
    .legal-section .grid-12>div[class*="col-"] {
        grid-column: 1 / -1 !important;
        width: 100%;

        /* margin-bottom: 2rem */
    }

    .legal-section .grid-12>div[class*="col-"]:last-child {
        margin-bottom: 0;
    }
}

.procurement-subheader-pos {
    /* grid-area: auto */
    align-self: flex-start;
    margin-bottom: 3rem;
}



.max-width-our-net1 {
    max-width: 26ch;
}

.max-width-our-net-2 {
    max-width: 38ch;
}

.max-width-projects-txt {
    max-width: 45ch;
}




/* --- Misc Layout Overrides (Moved from utilities.css) --- */
.max-width-we-source {}

@media (max-width: 767px) {
    .max-width-we-source {
        max-width: 32ch;
    }
}


.max-width-whynow {
    max-width: 35ch;
}

@media screen and (max-width: 767px) {
    .visit-max-width {
        max-width: 20ch;
    }
}