@media screen and (max-width: 1800px) {
    .hero_top {
        row-gap: 40px;
    }
}

@media screen and (max-width: 1399px) {
    .brands_card-v2 {
        width: calc(33.33% - 7px);
    }

    .arc-marquee_wrap {
        height: 440px;
    }

    .section_explore_2 .blog-list,
    .team_grid {
        grid-template-columns: 1fr 1fr;
    }

    .team_heading {
        padding-right: 0;
    }

    .works_card {
        aspect-ratio: 12.1 / 13;
    }

    .footer_list {
        gap: 100px;
    }

    .footer_grid {
        gap: 110px;
    }
}

@media screen and (max-width: 1199px) {
    .banner_heading {
        font-size: 60px;
    }

    .brands_heading, .works_heading {
        font-size: 48px;
    }

    .heading-style-h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .heading-style-h4 {
        font-size: 22px;
        line-height: 29px;
    }
}

@media screen and (max-width: 991px) {
    .w-container {
        max-width: 728px;
    }

    .w-hidden-main {
        display: inherit !important;
    }

    .w-hidden-medium {
        display: none !important;
    }

    .w-col-medium-1 {
        width: 8.33333%;
    }

    .w-col-medium-2 {
        width: 16.6667%;
    }

    .w-col-medium-3 {
        width: 25%;
    }

    .w-col-medium-4 {
        width: 33.3333%;
    }

    .w-col-medium-5 {
        width: 41.6667%;
    }

    .w-col-medium-6 {
        width: 50%;
    }

    .w-col-medium-7 {
        width: 58.3333%;
    }

    .w-col-medium-8 {
        width: 66.6667%;
    }

    .w-col-medium-9 {
        width: 75%;
    }

    .w-col-medium-10 {
        width: 83.3333%;
    }

    .w-col-medium-11 {
        width: 91.6667%;
    }

    .w-col-medium-12 {
        width: 100%;
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto;
    }

    .heading-style-h1.hero_heading {
        font-size: 74px;
        line-height: 90px;
    }

    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block;
    }

    .w-layout-blockcontainer {
        max-width: 728px;
    }

    .heading-style-h2.text-weight-normal {
        font-size: 3em;
    }

    .heading-style-h2.text-weight-medium {
        font-size: 4.8em;
    }

    .heading-style-h4 {
        text-decoration: none;
    }

    .text-size-tiny,
    .text-style-allcaps,
    .awards_info.text-size-bold {
        font-size: 18px;
        line-height: 24px;
    }

    .padding-global {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .navbar_component {
        grid-template-columns: 1fr auto;
    }

    .navbar_menu {
        display: none;
    }

    .pricing_component {
        grid-column-gap: 4em;
        grid-row-gap: 4em;
        padding-top: 8em;
    }

    .pricing_heading-row {
        flex-direction: column;
    }

    .pricing_title-wrap {
        margin-right: 0;
    }

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

    .pricing_content {
        padding-bottom: 3em;
        padding-left: 3em;
        padding-right: 3em;
    }

    .footer_component {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
    }

    .footer_grid {
        flex-direction: column;
        gap: 80px;
    }

    .footer_list {
        flex-wrap: wrap;
    }

    .footer_bottom {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .section_awards,
    .section_brands,
    .section_team,
    .section_works,
    .section_explore_2 .explore_component,
    .section_banner {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .faq_component {
        padding-bottom: 80px;
    }

    .brands_inner,
    .awards_component,
    .team_component {
        padding: 0 20px;
    }

    .section_explore_2 .blog-list {
        grid-template-columns: 1fr 1fr;
    }

    .brands_heading-row {
        margin-bottom: 50px;
    }

    .brands_heading {
        max-width: 100%;
    }


    .heading-row {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        flex-flow: column;
        grid-template-columns: 1fr;
    }

    .team_heading {
        margin-left: 0;
    }

    .team_grid {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        grid-template-columns: 1fr 1fr;
    }


    .awards_btn {
        width: auto;
    }

    .works_component {
        padding: 0 20px;
    }

    .works_heading-row {
        margin-bottom: 50px;
    }

    .statement_component {
        max-width: 36em;
    }

    .works-v2-hero_component {
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        padding-top: 12rem;
        padding-bottom: 5em;
    }

    .works-v2-hero_heading {
        max-width: 80%;
        font-size: 3.2em;
    }

        .works-v2-hero_heading.hero {
            font-size: 3.4em;
        }

    .works-v2-hero_grid {
        gap: 3em 1.5em;
    }

    .works-v3_component {
        padding-top: 12em;
        padding-bottom: 3em;
    }

    .works-v3_heading-row {
        padding-left: 0%;
        padding-right: 0%;
    }

    .works-v3_card._w-inline-block {
        aspect-ratio: 1;
    }

    .contact-hero_component {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-top: 12em;
        padding-bottom: 6em;
    }

    .contact-hero_heading.heading-style-h2 {
        max-width: none;
        font-size: 5.3em;
    }

    .contact-hero_right {
        width: 100%;
        margin-left: 0;
    }

    .contact-v2_component {
        padding-top: 10rem;
        padding-bottom: 3em;
    }

    .contact-v2_form-wrap {
        width: 70%;
    }

    .contact-v3_component {
        padding-top: 12rem;
        padding-bottom: 0;
    }

    .contact-v3_grid {
        grid-template-columns: 1fr;
    }

    .blog-hero_component {
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        padding-top: 12rem;
        padding-bottom: 6em;
    }

    .blog-hero_heading {
        max-width: 85%;
    }

    .blog-hero_card-image {
        min-height: 22em;
    }

    .blog-hero_card-content {
        padding: 2em 2.5em;
    }

    .blog-v3-hero_component {
        grid-column-gap: 3em;
        grid-row-gap: 3em;
        padding-top: 12em;
        padding-bottom: 6em;
    }

    .blog-v3-hero_heading {
        max-width: 80%;
    }

    .blog-v3-hero_grid {
        gap: 3em 1.5em;
    }

    .blog-list {
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr;
    }

    .services_title {
        margin-right: 0;
    }

        .services_title.min-wdith {
            min-width: auto;
        }

    .heading_component {
        grid-row-gap: 0rem;
        flex-flow: column;
    }

        .heading_component.is--center {
            justify-content: center;
            align-items: center;
        }

    .numbers_component {
        padding-top: 6rem;
        padding-bottom: 8rem;
    }

    .about-hero {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        justify-content: space-between;
        align-items: stretch;
        padding-top: 12rem;
        padding-bottom: 3rem;
    }

    .about_subtitle {
        margin-top: 0;
    }

    .text-size-huge {
        font-size: 14vw;
        line-height: 1;
    }

    .slider_component {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .about_heading {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
    }

    .numbers_grid {
        grid-column-gap: 2rem;
        margin-top: 3rem;
    }

    .explore_component {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-top: 3rem;
        padding-bottom: 0;
    }

    .numbers_subtitle {
        margin-top: 0;
    }

    .numbers_content {
        margin-right: 0;
    }

    .logos_subtitle {
        text-align: left;
        margin-top: 2rem;
        margin-left: 0;
    }

    .logos_content {
        padding-top: 6rem;
        padding-bottom: 5rem;
    }

    .logos {
        padding-bottom: 6rem;
    }

    .bento_vertical {
        aspect-ratio: 4 / 5;
    }

    .bento_component {
        grid-column-gap: 6rem;
        grid-row-gap: 6rem;
        padding-top: 6rem;
        padding-bottom: 4rem;
    }

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

    .license-component {
        grid-column-gap: 2rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr;
        margin-top: 5.3rem;
        margin-bottom: 6rem;
    }

    .section-style-guide {
        margin-top: 4rem;
    }

    .style-guide-header {
        grid-row-gap: 2rem;
    }

    .instructions-hero_component {
        padding-top: 8em;
        padding-bottom: 3em;
    }

    .instructions_component {
        padding-bottom: 7em;
    }

    .instructions_group {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .instructions_group-head {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        grid-template-columns: 4em 1fr;
    }

    .instructions_items {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        padding-left: 5.5em;
    }

    .instructions_attr {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        grid-template-columns: 14em 1fr;
    }

    .instructions_snippet-label.text-style-allcaps.text-size-tiny {
        text-decoration: none;
        font-size: 1rem;
    }

    .sg-hero_component {
        padding-top: 8em;
        padding-bottom: 3em;
    }

    .sg_tabs {
        padding-top: 1.5em;
        padding-bottom: 7em;
    }

    .sg_group {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .sg_group-head {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        grid-template-columns: 4em 1fr;
    }

    .sg_items {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        padding-left: 5.5em;
    }

    .sg-type_row {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        grid-template-columns: 11em 1fr;
    }

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

    .post_heading {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 12rem;
        padding-bottom: 3rem;
    }

    .post_image {
        height: 50vh;
    }

    .post_heading-wrap {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        max-width: none;
    }

    .footer_component-2 {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .footer {
        position: relative;
    }

    .post_content {
        padding-top: 5rem;
        padding-bottom: 0;
    }

    .share-wrap {
        margin-bottom: 4rem;
    }

    .heading-style-h2 {
        max-width: none;
        font-size: 5.3em;
    }

    .work-image_component.is--bottom {
        padding-bottom: 6rem;
    }

    .work-post_content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .work-post_component {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        padding-top: 12rem;
        padding-bottom: 5rem;
    }

    .specs {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: column;
        display: flex;
    }

    body {
        font-size: 1.125rem;
    }

    .page-wrapper {
        font-size: max(16px, calc(clamp(768px, 100vw, 991px) / 52.125));
    }

    .text-size-regular.text-weight-light {
        font-size: 1.125rem;
    }


    .container-medium {
        max-width: calc(clamp(768px, 100vw, 991px) * .875);
    }

    .container-large {
        max-width: clamp(768px, 100vw, 991px);
    }

    .button_icon.is--pill {
        font-size: 1.125rem;
    }

    .footer_credit {
        font-size: 1rem;
    }

    .team_intro {
        font-size: 1rem;
    }

    .awards_count.text-size-small {
        font-size: 1rem;
    }

    .contact-hero_input {
        font-size: 1rem;
    }

    .text-size-large {
        font-size: 1.25rem;
    }

    .heading-style-h2-2 {
        font-size: 3.5rem;
    }

    .heading-style-h1-2 {
        font-size: 28vw;
    }

        .heading-style-h1-2.is--work {
            font-size: 7rem;
        }

    .sg_tab-label {
        font-size: 1.125rem;
    }

    .sg-type_sample.text-size-medium {
        font-size: 1.125rem;
    }

    .leftServices,
    .aboutServices .numbers_content {
        width: 100%;
    }

    .brands_heading, .works_heading {
        font-size: 42px;
        line-height: 56px;
    }

    .statement_text {
        font-size: 38px;
        line-height: 51px;
    }

    .section_creative_process .awards_component {
        grid-row-gap: 50px;
    }

    .banner_heading {
        font-size: 45px;
        line-height: 60px;
    }

    .section_banner .banner_btn a {
        font-size: 28px;
        line-height: 37px;
    }

    .banner_img_gallery {
        width: 317px;
    }
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh;
    }

    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh;
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh;
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh;
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh;
    }

    .w-lightbox-left,
    .w-lightbox-right {
        opacity: .5;
        display: block;
    }

    .w-lightbox-close {
        opacity: .8;
    }

    .w-lightbox-control:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    .brands_card-v2 {
        width: 100%;
    }

    .w-hidden-main,
    .w-hidden-medium {
        display: inherit !important;
    }

    .w-hidden-small {
        display: none !important;
    }

    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0;
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto;
    }

    .w-col-small-1 {
        width: 8.33333%;
    }

    .w-col-small-2 {
        width: 16.6667%;
    }

    .w-col-small-3 {
        width: 25%;
    }

    .w-col-small-4 {
        width: 33.3333%;
    }

    .w-col-small-5 {
        width: 41.6667%;
    }

    .w-col-small-6 {
        width: 50%;
    }

    .w-col-small-7 {
        width: 58.3333%;
    }

    .w-col-small-8 {
        width: 66.6667%;
    }

    .w-col-small-9 {
        width: 75%;
    }

    .w-col-small-10 {
        width: 83.3333%;
    }

    .w-col-small-11 {
        width: 91.6667%;
    }

    .w-col-small-12 {
        width: 100%;
    }

    .heading-style-h1.hero_heading {
        font-size: 49px;
        line-height: 59px;
        margin-bottom: 10px;
    }

    .text-size-regular.hero_bottom_subtitle {
        font-size: 24px;
        line-height: 32px;
    }

    .hero_bottom {
        padding: 21vh 0 1em;
    }

    .w-nav-brand {
        padding-left: 10px;
    }

    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse="small"] .w-nav-button {
        display: block;
    }

    .w-nav-brand {
        padding-left: 10px;
    }

    .arc-marquee_item {
        width: 24vh;
        height: 24vh;
    }

    .w-layout-blockcontainer {
        max-width: none;
    }

    .heading-style-h1 {
        font-size: 3em;
    }

    .heading-style-h2.text-weight-normal {
        font-size: 2.5em;
    }

    .heading-style-h2.text-weight-medium {
        font-size: 3.1em;
    }


    .text-style-allcaps.text-size-tiny {
        font-size: 1em;
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .navbar_wrap {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .navbar_component {
        grid-template-columns: 1fr auto;
    }

    .faq_component {
        padding-bottom: 6em;
    }

    .faq_answer {
        padding-top: 1em;
    }

    .pricing_title-wrap {
        min-width: auto;
    }

    .pricing_content {
        padding: 1.5em;
    }

    .footer_component {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-top: 80px;
    }


    .footer_list {
        gap: 50px;
    }

    .footer_links {
        grid-row-gap: 20px;
    }


    .footer_credit {
        margin-bottom: 2em;
    }

    .footer_credits {
        flex-wrap: wrap;
    }

    .footer_pages-links {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        flex-wrap: wrap;
    }

    .footer_bottom {
        justify-content: center;
        align-items: flex-end;
    }

    .brands_grid {
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 0;
    }


    .team_grid {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        grid-template-columns: 1fr 1fr;
    }

    .team_card {
        aspect-ratio: 2 / 2.5;
    }

    .awards_name {
        grid-area: 1 / 1 / 2 / 2;
    }

    .awards_info {
        text-align: left;
        grid-area: 2 / 1 / 3 / 3;
    }

    .awards_count {
        grid-area: 1 / 2 / 2 / 3;
    }

    .works_heading-row {
        margin-bottom: 3em;
    }

    .statement_component {
        max-width: 100%;
    }

    .works-v2-hero_component {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        padding-bottom: 4em;
    }

    .works-v2-hero_heading {
        max-width: 100%;
    }

        .works-v2-hero_heading.hero {
            font-size: 2.5em;
        }

    .works-v2-hero_grid {
        grid-template-columns: 1fr;
        row-gap: 3em;
    }

    .works-v3_heading-row {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        flex-direction: column;
        align-items: flex-start;
    }

    .works-v3_heading,
    .works-v3_info-col {
        max-width: none;
    }

    .works-v3_card._w-inline-block {
        aspect-ratio: 2 / 3;
    }

    .text-size-small.text-style-allcaps {
        font-size: .875rem;
    }

    .contact-hero_component {
        padding-bottom: 4em;
    }

    .contact-hero_right {
        width: 100%;
    }

    .contact-v2_component {
        padding-bottom: 2em;
    }

    .contact-v2_form-wrap {
        width: 100%;
    }

    .blog-hero_component {
        padding-bottom: 4em;
    }

    .blog-hero_heading {
        max-width: 100%;
    }

    .blog-hero_card {
        flex-direction: column;
    }

    .blog-hero_card-image-wrap {
        width: 100%;
        padding: .75em .75em 0;
    }

    .blog-hero_card-image {
        min-height: 15em;
    }

    .blog-hero_card-content {
        width: 100%;
        padding: 1.5em;
    }

    .blog-v3-hero_component {
        padding-bottom: 4em;
    }

    .blog-v3-hero_heading {
        max-width: 100%;
    }

        .blog-v3-hero_heading.hero {
            font-size: 2em;
        }

    .blog-v3-hero_grid {
        grid-template-columns: 1fr;
        row-gap: 3em;
    }

    .contact-hero_field {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-hero_input {
        width: 100%;
        font-size: 1rem;
        text-align: left;
    }

    .blog-list {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr;
    }

    .numbers_component {
        padding-bottom: 4rem;
    }

    .about-hero {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-bottom: 4rem;
    }

    .explore_btn {
        min-width: auto;
    }

    .slider_component {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .numbers_grid {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
        margin-top: 1rem;
    }

    .numbers_subtitle {
        max-width: none;
        margin-top: 0;
    }

    .logos_content {
        padding-top: 6rem;
    }

    .bento_vertical-top {
        max-width: 40ch;
        margin-top: 2rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .bento_vertical-paragraph {
        margin-bottom: 2rem;
        margin-left: 2rem;
    }

    .cursor-wrap.is--left {
        margin-right: 52%;
    }

    .cursor-wrap.is--right {
        margin-left: 48%;
    }

    .bento_top-wrap {
        padding-left: 2.5rem;
    }

    .license-content {
        grid-row-gap: 4rem;
        flex-direction: column;
    }

    .license-component {
        grid-row-gap: 4rem;
        grid-template-columns: 1fr;
        margin-top: 0;
        margin-bottom: 5.7rem;
    }

    .style-guide-header {
        font-size: .875rem;
    }

    .instructions-hero_component {
        padding-top: 6em;
        padding-bottom: 2.5em;
    }

    .instructions_component {
        padding-bottom: 5em;
    }

    .instructions_note {
        padding: 1.5em;
    }

    .instructions_group {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .instructions_group-head {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
        grid-template-columns: 1fr;
    }

    .instructions_items {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        padding-left: 0;
    }

    .instructions_attr {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        grid-template-columns: 1fr;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .instructions_step {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        grid-template-columns: 1fr;
    }

    .instructions_snippet {
        padding: 1.25em;
    }

    .instructions_snippet-label.text-style-allcaps.text-size-tiny {
        text-align: left;
    }

    .text-style-allcaps-2.text-size-tiny {
        font-size: 1em;
    }

    .sg-hero_component {
        padding-top: 10em;
        padding-bottom: 2.5em;
    }

    .sg_tabs {
        padding-bottom: 5em;
    }

    .sg_tab-menu {
        flex-flow: row;
        margin-bottom: 1.5em;
        overflow: auto hidden;
    }

    .sg_tab-link {
        flex-shrink: 0;
        margin-right: 1em;
        padding-right: 1em;
    }

    .sg_group {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .sg_group-head {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
        grid-template-columns: 1fr;
    }

    .sg_items {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        padding-left: 0;
    }

    .sg-type_row {
        grid-column-gap: .75em;
        grid-row-gap: .75em;
        grid-template-columns: 1fr;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .sg-color_grid {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        grid-template-columns: 1fr 1fr;
    }

    .sg-space_row {
        grid-column-gap: 1em;
        grid-row-gap: .5em;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 5em;
    }

    .sg-space_name {
        grid-area: 1 / 1;
    }

    .sg-space_value {
        text-align: right;
        grid-area: 1 / 2;
    }

    .sg-space_visual {
        grid-area: 2 / 1 / auto / -1;
    }

    .post_heading {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-bottom: 3rem;
    }

    .text-rich-text p {
        font-size: 1rem;
    }

    .heading-style-h2 {
        font-size: 4.9em;
    }

    .work-image_component.is--bottom {
        padding-bottom: 4rem;
    }

    .work-post_content {
        text-align: left;
    }

    .brands_card-v2 {
        padding: 3em 2em;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 1.875em;
    }

    .page-wrapper {
        font-size: max(16px, calc(clamp(480px, 100vw, 767px) / 34.375));
    }


    .heading-style-h1.contact {
        font-size: 3em;
    }

    .container-medium {
        max-width: calc(clamp(480px, 100vw, 767px) * .875);
    }

    .container-large {
        max-width: clamp(480px, 100vw, 767px);
    }

    .brands_heading, .works_heading {
        font-size: 38px;
        line-height: 51px;
    }

    .team_heading {
        font-size: 2.5em;
    }


    .works-v3_heading {
        font-size: 3em;
    }

    .works-v3_card-name {
        font-size: 3.75em;
    }

    .contact-hero_heading.heading-style-h2 {
        font-size: 4.9em;
    }

    .heading-style-h2-2 {
        font-size: 3rem;
    }

    .heading-style-h3-2 {
        font-size: 1.5rem;
    }

    .text-size-huge.is--large {
        font-size: 3.75em;
    }

    .heading-style-h1-2.is--work {
        font-size: 5rem;
    }

    .instructions-hero_heading.heading-style-h1 {
        font-size: 3em;
    }

    .sg-type_sample.heading-style-h2 {
        font-size: 2.5em;
    }

    .arc-marquee_wrap {
        height: 420px;
    }

    .brands_grid,
    .team_grid,
    .works_cards,
    .blog-list,
    .section_explore_2 .blog-list {
        grid-template-columns: 1fr;
    }

    .brands_logo.is--large {
        width: 30%;
    }

    .ai_production_inner {
        flex-direction: column;
        row-gap: 30px;
    }

        .ai_production_inner .brands_heading-row, .ai_production-row, .section_creative_process .text-size-medium, .section_creative_process .awards_info {
            width: 100%;
        }

    .section_banner_2 .banner_component {
        min-height: 550px;
    }

    .statement_text {
        font-size: 35px;
        line-height: 47px;
    }

    .section_creative_process .awards_component {
        grid-row-gap: 30px;
    }

    .awards_content {
        padding: 35px 0px;
        flex-direction: column;
        align-items: flex-start;
    }

    .banner_component {
        padding: 32px;
        justify-content: center;
    }

    .banner_content {
        align-items: center;
    }

    .banner_heading {
        font-size: 38px;
        line-height: 51px;
        text-align: center;
    }

    .section_banner .banner_btn a {
        font-size: 25px;
        line-height: 33px;
        text-align: center;
    }

    .banner_img_gallery {
        display: none;
    }

    .heading-style-h3 {
        font-size: 26px;
        line-height: 35px;
    }
}

@media screen and (max-width: 479px) {
    .w-container {
        max-width: none;
    }

    .w-hidden-main,
    .w-hidden-medium,
    .w-hidden-small {
        display: inherit !important;
    }

    .w-hidden-tiny {
        display: none !important;
    }

    .w-col {
        width: 100%;
    }

    .w-col-tiny-1 {
        width: 8.33333%;
    }

    .w-col-tiny-2 {
        width: 16.6667%;
    }

    .w-col-tiny-3 {
        width: 25%;
    }

    .w-col-tiny-4 {
        width: 33.3333%;
    }

    .w-col-tiny-5 {
        width: 41.6667%;
    }

    .w-col-tiny-6 {
        width: 50%;
    }

    .w-col-tiny-7 {
        width: 58.3333%;
    }

    .w-col-tiny-8 {
        width: 66.6667%;
    }

    .w-col-tiny-9 {
        width: 75%;
    }

    .w-col-tiny-10 {
        width: 83.3333%;
    }

    .w-col-tiny-11 {
        width: 91.6667%;
    }

    .w-col-tiny-12 {
        width: 100%;
    }

    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none;
    }

    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block;
    }

    .w-tab-link {
        display: block;
    }

    .heading-style-h1 {
        font-size: 2.5em;
    }

    .heading-style-h2 {
        font-size: 3em;
        max-width: none;
    }

    .text-size-regular.text-weight-light {
        margin-top: 0;
        margin-bottom: 0;
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .button.footer {
        width: 100%;
    }

    .navbar_component {
        grid-template-columns: 1fr auto;
    }



    .brands_tag {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        white-space: nowrap;
        flex-flow: row;
        display: flex;
    }

    .banner_btn {
        width: 100%;
    }

    .faq_heading-row {
        margin-bottom: 2em;
    }

    .faq_heading.text-weight-medium {
        font-size: 1.875rem;
    }

    .pricing_component {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .pricing_heading-row {
        flex-flow: column;
        justify-content: flex-start;
    }

    .pricing_title-wrap {
        min-width: auto;
        max-width: none;
    }

    .pricing_content {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        padding: 1.4em 1.5em 1.5em;
    }

    .pricing_top {
        grid-column-gap: .7em;
        grid-row-gap: .7em;
    }

    .pricing_name {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        flex-flow: column-reverse wrap;
        align-items: flex-start;
    }

    .pricing_bottom {
        grid-column-gap: 1.1em;
        grid-row-gap: 1.1em;
        margin-bottom: 1em;
    }

    .footer_newsletter {
        padding-right: 0;
    }

    .footer_cta._w-inline-block {
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .hero_bottom {
        padding-top: 18vh;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hero_scroll-indicator {
        display: none;
    }

    .section_brands {
        padding-top: 0;
        padding-bottom: 0;
    }

    .brands_inner {
        padding-left: 0;
        padding-right: 0;
    }

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

    .team_component {
        padding-left: 0;
        padding-right: 0;
    }

    .team_heading {
        max-width: none;
        font-size: 2em;
    }

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

    .team_card {
        aspect-ratio: 4 / 5;
    }

    .awards_component {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        padding-left: 0;
        padding-right: 0;
    }

    .awards_info {
        font-size: 1rem;
    }

    .awards_btn {
        width: 100%;
    }

    .section_works {
        padding-bottom: 4rem;
    }

    .works_component {
        padding: 2em 0;
    }

        .works_component.is--home {
            padding-top: 4rem;
        }

    .works_cards {
        grid-column-gap: 1.5em;
        grid-row-gap: 1.5em;
        perspective: none;
    }

    .works_card {
        aspect-ratio: 2 / 3;
    }

    .section_statement {
        min-height: auto;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .works-v2-hero_component {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-bottom: 3em;
    }

    .works-v2-hero_grid {
        row-gap: 2.5em;
    }

    .works-v3_component {
        padding-bottom: 2em;
    }

    .works-v3_heading-row {
        padding-left: 0%;
        padding-right: 0%;
    }

    .works-v3_card {
        aspect-ratio: 16 / 10;
    }

        .works-v3_card._w-inline-block {
            aspect-ratio: 2 / 3;
        }

    .text-size-small.text-style-allcaps {
        font-size: .875rem;
    }

    .contact-hero_submit-btn {
        max-width: 100%;
    }

    .contact-hero_component {
        padding-bottom: 3em;
    }

    .contact-hero_left {
        flex-flow: column;
    }

    .contact-hero_heading.heading-style-h2 {
        max-width: none;
        font-size: 3em;
    }

    .blog-hero_component {
        padding-bottom: 3em;
    }

    .blog-hero_heading.hero {
        font-size: 2em;
    }

    .blog-hero_card-image {
        min-height: 12em;
    }

    .blog-hero_card-content {
        padding: 1.25em;
    }

    .blog-hero_card-title.text-weight-normal {
        font-size: 1.4em;
    }

    .blog-v3-hero_component {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        padding-bottom: 3em;
    }

    .blog-v3-hero_grid {
        row-gap: 2.5em;
    }

    .contact-hero_field {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-hero_input {
        text-align: left;
        width: 100%;
    }

    .blog-list {
        grid-row-gap: 3.2rem;
    }

    .big-number {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: flex-start;
        align-items: center;
    }

    .numbers_paragraph {
        max-width: none;
    }

    .numbers_component {
        padding-top: 4rem;
    }

    .left-arrow {
        top: auto;
        bottom: -4rem;
        left: 1rem;
    }

    .about-hero {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-top: 8rem;
        padding-bottom: 2rem;
    }

    .about_subtitle {
        margin-top: 0;
    }

    .explore_btn {
        width: 100%;
    }

    .icon_wrap.fifth {
        margin-top: 146%;
    }

    .text-size-huge.is--small {
        max-width: 100%;
        font-size: 3rem;
    }

    .bento_top-content {
        margin-bottom: 2rem;
        padding-right: 1.5rem;
    }

    .bg_animation,
    .bg_animation.is--none {
        display: none;
    }

    .right-arrow {
        inset: auto 1.75rem -4rem 5.75rem;
    }

    .logos_card {
        min-width: 10rem;
        padding: 0 1.5rem;
    }

    .about_heading {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
    }

    .numbers_grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .explore_component {
        padding-top: 1rem;
    }

    .slider-mask {
        width: 100%;
    }

    .about_image {
        aspect-ratio: 3 / 2;
        height: auto;
    }

    .logos_subtitle {
        margin-top: 1rem;
    }

    .logos_content {
        padding-bottom: 4rem;
    }

    .bento_vertical {
        aspect-ratio: auto;
        width: 100%;
    }

    .bento_component {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-bottom: 4rem;
    }

    .cursor-chat {
        font-size: .75rem;
    }

    .bento_vertical-top {
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .bent_paragraph {
        max-width: none;
    }

    .bento_vertical-paragraph {
        margin-left: 1.5rem;
    }

    .cursor-wrap.is--left {
        margin-top: 20%;
        margin-right: 49%;
    }

    .bento_paragraph {
        max-width: none;
    }

    .bento_top-img {
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        display: flex;
    }

    .figma {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .bento_top-wrap {
        flex-flow: column;
        padding-left: 1.5rem;
    }

    .bento-title {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        justify-content: flex-start;
        align-items: center;
    }

    .bento_bottom-content {
        margin-bottom: 1.5rem;
        margin-left: 1rem;
    }

    .style-guide-content {
        margin-bottom: 6rem;
    }

    .license-component {
        grid-column-gap: 0rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        width: 100%;
        margin-bottom: 2.5rem;
        display: flex;
    }

    .instructions-hero_component {
        padding-top: 6rem;
    }

    .instructions_snippet {
        padding-left: 1em;
        padding-right: 1em;
    }

    .sg-hero_component {
        padding-top: 10em;
    }

    .sg_tab-menu {
        flex-flow: wrap;
        overflow: visible;
    }

    .sg-color_grid {
        grid-template-columns: 1fr;
    }

    .post_heading {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-bottom: 2rem;
    }

    .text-rich-text p {
        font-size: 1rem;
    }

    .post_info {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: wrap;
        font-size: .8rem;
    }

    .footer_component-2 {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-top: 4rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .share-wrap {
        margin-top: 3rem;
    }

    .text-block-2 {
        font-size: 1rem;
    }

    .specs_list {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .work-image {
        aspect-ratio: 1;
    }

    .specs_item {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: wrap;
        padding-bottom: 2rem;
        font-size: .75rem;
    }

    .work-post_component {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-top: 8rem;
        padding-bottom: 4rem;
    }

    .specs {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
    }

    .work-post_subtitle {
        margin-top: 0;
    }

    .specs_left {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .brands_card-v2 {
        padding: 0 1.5em;
    }

    .div-block-2 {
        margin-top: -15vh;
    }

    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 2.25em;
    }

    .page-wrapper {
        font-size: max(16px, calc(clamp(320px, 100vw, 479px) / 24.375));
    }

    .heading-style-h1.contact {
        font-size: 2.5em;
    }

    .heading-style-h2.text-weight-normal {
        font-size: 2em;
    }

    .heading-style-h2.text-weight-medium {
        font-size: 2em;
    }

    .container-medium {
        max-width: calc(clamp(320px, 100vw, 479px) * .875);
    }

    .container-large {
        max-width: clamp(320px, 100vw, 479px);
    }

    .works-v2-hero_heading.hero {
        font-size: 2.2em;
    }

    .works-v3_heading {
        font-size: 2.5em;
    }

    .works-v3_card-name {
        font-size: 2.75em;
    }

    .heading-style-h2-2 {
        font-size: 2rem;
    }

    .heading-style-h3-2 {
        font-size: 3.4rem;
    }

    .text-size-huge.is--large {
        font-size: 2.75em;
    }

    .heading-style-h1-2 {
        font-size: 27vw;
    }

        .heading-style-h1-2.is--work {
            font-size: 3rem;
        }

    .logo_img.is-large {
        font-size: 4.7rem;
    }

    .instructions-hero_heading.heading-style-h1 {
        font-size: 2.5em;
    }

    .sg-type_sample.heading-style-h2 {
        font-size: 2em;
    }

    .sg-space_bar.is--xlarge {
        font-size: 4.7rem;
    }

    .sg-space_bar.is--xxlarge {
        font-size: 3rem;
    }
}