@media (max-width: 767px) {
    :root{
        --font-size-h1: 2.813rem;
        --project-overview: 1.75rem;
        --font-size-pagination: 1.75rem;
        --font-size-jobs: 1.75rem;
        --font-size-copy: 1rem;
        --grid-padding: 11.5rem;
        --grid-gap-row: 2.5rem;
        --grid-margin: 2.25rem;
        --h1-contact-margin: 3.75rem;
        --h1-margin: 2.75rem;
        --h2-margin: 6.25rem;
        --project-introduction: 3.438rem 0;
        --project-credits: 3.75rem 0;
        --project-pagination: 3.438rem 0;
        --people-pagination: 3.438rem 0;
        --services-margin: 3.438rem;
        --vacancies-introduction: 3.438rem 0;
        --vacancies-card: 0 0 4.688rem 0;
        --arrow-offset: 25px;
        --contact-margin: 3.125rem;
        --project-meta-padding: 0.5rem;
        --logos-pagination: 3.438rem 0;
        --header-padding: 0.938rem;
        --single-projects-padding: 5.313rem 0.938rem 0 0.938rem;
        --footer-widgets-padding: 2.25rem 0 6.25rem 0;
        --footer-padding: 0 0.938rem;
        --footer-branding-padding: 0 0 3.125rem 0;
    }
    html[data-theme="light"] .mobile-menu__inner, html[data-theme="light"] .mobile-menu__inner .footer-widgets{background:#ffffff;  color:#000000; }
    html[data-theme="dark"] .mobile-menu__inner, html[data-theme="dark"] .mobile-menu__inner .footer-widgets{background:#000000; color:#ffffff;}
    html[data-theme="light"] .mobile-menu__inner.header-blend__item{color: #000000;}
    html[data-theme="dark"] .mobile-menu__inner .header-blend__item, html[data-theme="dark"] .mobile-menu__inner .footer-logo{color: #ffffff;}
    html[data-theme="light"] .mobile-menu__inner .header-blend__item, html[data-theme="light"] .mobile-menu__inner .footer-logo{color: #000000;}
    html[data-theme="dark"] .mobile-menu__close .burger-lines::before, html[data-theme="dark"] .mobile-menu__close .burger-lines::after{background-color: #ffffff;}
    html[data-theme="light"] .mobile-menu__close .burger-lines::before, html[data-theme="light"] .mobile-menu__close .burger-lines::after{background-color: #000000;}
    html[data-theme="light"] .mobile-menu__inner .theme-toggle{border: 1.5px solid #000!important;}
    html[data-theme="light"] .mobile-menu__inner .theme-toggle .toggle-thumb{border: 1.5px solid #000000; background: transparent;}    
    html[data-theme="dark"] .mobile-menu__inner .theme-toggle{border: 1.5px solid #ffffff!important;}
    html[data-theme="dark"] .mobile-menu__inner .theme-toggle .toggle-thumb{border: 1.5px solid #ffffff; background: transparent;}
    .theme-toggle{margin-right: 0.938rem;}
    .site-inner{padding: 0 0.938rem;}
    nav.custom-nav{display: none;}
    .header-blend__item, .header-blend__item a, .header-blend__item img, .header-blend__item svg, .custom-header .header-blend__item a{height: 28px; width: auto;}
    #mobile-menu, .burger-toggle{display: block;}
    .burger-toggle{display: inline-flex; align-items: center; justify-content: flex-end; background: transparent; border: 0; cursor: pointer; padding: 0; position: relative; z-index: 10010; transition: transform 0.3s ease, color 0.3s ease; color: inherit; mix-blend-mode: difference; pointer-events: auto; outline: none; box-shadow: none;}
    .burger-toggle .burger-lines{position: relative; width: 29px; height: 2px; transition: background 0.3s ease; background: currentColor!important; outline: none; box-shadow: none;}
    .burger-toggle .burger-lines::before, .burger-toggle .burger-lines::after{content: ""; position: absolute; top: 0; left: 0; width: 29px; height: 2px; background: currentColor; transition: transform 0.4s ease, opacity 0.4s ease;}
    .mobile-menu__close .burger-lines::before, .mobile-menu__close .burger-lines::after{content: ""; position: absolute; top: 0; left: 0; width: 29px; height: 2px; background: var(--white); transition: transform 0.4s ease, opacity 0.4s ease;}
    .burger-toggle .burger-lines::before{transform: rotate(90deg);}
    .mobile-menu__close .burger-lines::before{transform: rotate(90deg);}
    .burger-toggle .burger-lines::after{opacity: 0;}
    .mobile-menu__close .burger-lines::after{opacity: 0;}
    .mobile-menu__close{padding: 0; outline: none !important; pointer-events: auto; position: absolute; right: 2.813rem;}
    body.menu-open .mobile-menu__close .burger-lines::before{transform: rotate(45deg); opacity: 1;}
    body.menu-open .mobile-menu__close .burger-lines::after{transform: rotate(-45deg); opacity: 1;}  
    body.menu-open .burger-toggle .burger-lines::before{transform: rotate(45deg); opacity: 1;}
    body.menu-open .burger-toggle .burger-lines::after{transform: rotate(-45deg); opacity: 1;}  
    body.menu-open .burger-toggle .burger-lines::before, body.menu-open .burger-toggle .burger-lines::after{background: var(--white);}
    .mobile-menu{position: fixed; inset: 0; z-index: 10001; display: grid; grid-template-areas: 'stack'; pointer-events: none; visibility: hidden;}
    .menu-open .mobile-menu{pointer-events: auto; visibility: visible;}
    .menu-open .mobile-menu .theme-toggle{background: transparent; position: absolute; top: 0.938rem; right: 44px; z-index: 10020; pointer-events: auto !important; cursor: pointer;}
    .mobile-menu__inner{pointer-events: auto; z-index: 2;}
    .mobile-menu__scrim{grid-area: stack; opacity: 0; transition: opacity .3s ease; position: relative; z-index: 1; pointer-events: none;}
    body.menu-open .mobile-menu__scrim{opacity: 1; pointer-events: auto;}
    .mobile-menu__inner{grid-area: stack; position: relative; z-index: 2; background: currentColor; color: currentColor; width: 100vw; height: 100svh; max-height: 100svh; height: 100dvh; max-height: 100dvh; overflow: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; transform: translateX(-12%); opacity: 0; transition: transform .38s cubic-bezier(.2,.8,.2,1), opacity .3s ease;}
    body.menu-open .mobile-menu__inner{transform: translateX(0); opacity: 1;}
    .mobile-menu__header{display: flex; align-items: center; justify-content: space-between; padding: var(--header-padding);}
    .mobile-logo{height: 28px; width: auto;}
    .mobile-menu__nav{padding: 4.375rem 0.938rem 7.5rem 0.938rem;}
    .mobile-menu__footer{padding: 0 0.938rem;}
    .mobile-menu__list{display: flex; flex-direction: column; gap: 10px;}
    .mobile-menu__list a, .mobile-menu__list .contact-toggle{color: currentColor; text-decoration: none; font-size: var(--font-size-h1); line-height: 105%; letter-spacing: -0.54px; font-family: var(--now-bold);}
    .mobile-menu__list a:hover, .mobile-menu__list .contact-toggle:hover{color: var(--grey);}
    #mobile-menu .contact-toggle.is-active, #mobile-menu .contact-toggle[aria-expanded="true"]{color: var(--grey);}      
    #mobile-menu .contact-inline{overflow: hidden;}
    #mobile-menu .contact-inline[hidden]{display: none!important;}
    #mobile-menu .contact-inline.is-collapsing, #mobile-menu .contact-inline.is-collapsed{pointer-events:none;}
    .mobile-menu__footer .footer-widgets{background: currentColor;}
    .mobile-menu__footer .footer-logo img{display: block; max-width: 100%;}
    body.menu-open .site-header, body.menu-open .custom-header{pointer-events: none; position: inherit;}
    body.menu-open .site-header .site-branding, body.menu-open .custom-header .site-branding{pointer-events: auto;}
    body.home .introduction__heading .intro-arrow, body.page-template-work .introduction__heading .intro-arrow{display: inline-block; vertical-align: bottom;}
    body.home .footer-widget-area.copyright{margin-bottom: 0;}
    .home-hero .introduction{width: 50%;}
    .home-hero__intro, .home-hero__copyright{bottom: 0.938rem;}
    .home-hero__intro{left: 0.938rem; max-width: 190px;}
    .home-hero__copyright{right: 0.938rem;}
    h1.introduction__heading, body.page-template-studio .our-approach h2.introduction__heading{letter-spacing: -0.54px;}
    .intro-col-left h1.project-title, .intro-col-left h2.project-campaign, .intro-col-right .copy p{letter-spacing: -0.28px;}
    ul#menu-main-menu li a, p, h2.credits-title, .credit-role, h2.next-project__title, .footer-widgets h3{letter-spacing: -0.16px;}
    .split-row, .contact-locations{grid-template-columns: 1fr 1fr!important;}  
    .split-row .col, .homepage-grid .masonry-row .masonry-item{position: relative; aspect-ratio: 1 / 1; height: auto !important;}
    .split-row .card, .split-row .card-media > img, .split-row .card-media > video{height: 100%!important;}  
    .homepage-grid .masonry-row .card{position: absolute; inset: 0; display: block; width: 100%; height: 100%;}
    .homepage-grid .masonry-row .card-media, .homepage-grid .masonry-row .card-media > img, .homepage-grid .masonry-row .card-media > video{position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover;}
    .projects-grid, .two-col, .intro-grid, .credits-grid, body.page-template-careers .intro-grid, body.page-template-studio .introduction .intro-grid, body.page-template-studio .our-services .intro-grid, .waterfall-row{grid-template-columns: 1fr!important;}
    .intro-col-left h2.project-campaign{margin-bottom: 1.25rem;}
    .masonry-row{column-count: 1;}
    .two-col .text p{margin: 2.938rem 0;}
    .masonry-item{margin: 0 0 8px;}
    h2.next-project__title, body.page-template-studio .our-approach h2.subheading, .our-services .services-stage, body.page-template-careers h2.subheading, body.page-template-studio .introduction p.subheading, .our-people h2, .our-services .intro-grid{margin-bottom: 3.438rem!important;}
    .team-rail{--cols: 2; --gap: 0.375rem; --peek: 6%;}
    ul.team-rail__list{margin-left: 10px; margin-bottom: 0;}
    #logo.item img{height: 50px;}
    h3.vacancy__title, .vacancy__meta, a.btn.vacancy__apply{letter-spacing: -0.28px;}
    .contact-grid{display: flex; flex-direction: column-reverse;}
    .contact-cta__email a{word-break: break-all;}
    .card .card-meta{left: 15px; bottom: 15px;}
    .our-services{padding: 3.438rem 0 0 0;}
    body.page-template-studio .our-services .intro-col-left h2.subheading{margin-left: 0;}
    body.page-template-contact h1.introduction__heading{display:block; margin-bottom: 5rem;}
    body.page-template-contact h1.introduction__heading .intro-line{display: inline; white-space: normal;}
    body.page-template-contact h1.introduction__heading .intro-line:not(:last-child)::after{content: " ";}
    body.page-template-contact h1.introduction__heading .intro-arrow{display: inline-block; fill: currentColor; vertical-align: bottom;}
    body.page-template-studio .introduction .intro-grid, body.page-template-studio .our-approach .intro-grid, body.page-template-careers .intro-grid{gap: 0;}
    .contact-col.intro-col-left{margin-bottom: 3.438rem;}
    .contact-ctas{grid-template-columns: 1fr; gap: 3.438rem;}
    .credits-grid{padding: 4.375rem 0 0 0;}
    .projects-index{display: inline-block; margin-bottom: 2.25rem;}
    body.single-projects .acf-slideshow, body.page-template-studio .acf-slideshow, body.page-template-careers .acf-slideshow{margin-top: 1.813rem;}
    #projects.page-builder .module{margin-bottom: 8px!important; gap: 8px;}
    #projects.page-builder .module:last-child{margin-bottom: 0 !important;}
    .two-col{gap: 8px;}
    .team-card__meta{margin-top: 12px;}
    .footer-widgets{display: block;}
    .footer-widget-area.copyright{flex: 0 0 100%; max-width: 100%; margin-bottom: 2.25rem;}
    .footer-widget-area.footer-1, .footer-widget-area.footer-2, .footer-widget-area.footer-3{flex: 0 0 33.333%; max-width: 33.333%; float: left; width: 33.3333%; margin-bottom: 0;}
    .mobile-menu__footer .footer-widget-area.copyright{margin-bottom: 2.25rem!important;}
    .next-project__meta{margin-top: 2.25rem;}
    .widget ul > li{line-height: normal;}
    .scroll-pct, .scroll-pct-label{height: 120px;}
    .contact{margin-bottom: 1.563rem;}
    .logo-tape__inner svg{height: 50px;}
    .logo-tape__inner{gap: 4vw;} 
    .policies{width: 100%;}
    .our-services .intro-grid{display: grid; grid-template-columns: 1fr !important; gap: 0;}
    .our-services .services-stage{width: 100%; margin: 0;}
    .our-services .intro-col-right{position: relative; z-index: 2; display: grid; place-items: center; pointer-events: none;}
    .our-services .services-list{margin: 0;}
    .our-services .services-lines{position: relative;}
    .our-services .service-link{text-align: left;}
    span.service-link__text{padding-left: 25%;}
    body.home .introduction__heading .intro-line{display: inline;}
    .introduction__heading .intro-arrow{top: 2px;}
    body.page-template-careers h1.introduction__heading{display: block; width: 280px;}
}