::-webkit-scrollbar {
            display: none;
        }

        ::selection {
            background-color: #000;
            color: #fff;
        }

        * {
            -webkit-tap-highlight-color: transparent;
        }

        .hero-slider_head-text {
            transition: all 400ms cubic-bezier(0.25, 1, 0.5, 1) 200ms;
        }

        .hero-slider_title,
        .hero-slider_hover {
            padding: 0.1em 0;
        }

        [slide-underline],
        [toggle-click] {
            position: relative;
        }

        [h-ul="target"] {
            position: relative;
        }

        [h-ul="target"]:after {
            content: "";
            position: absolute;
            height: 0.05em;
            width: 100%;
            background: currentColor;
            bottom: 0;
            left: 0;
            transform: scaleX(0);
            transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 100ms;
            transform-origin: left;
        }

        .w--current [h-ul="target"]:after {
            transform: scaleX(1);
            transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
        }

        .hero-slider_nav-item {
            transition: width 400ms cubic-bezier(0.25, 1, 0.5, 1);
        }

        .hero-slider_item {
            --mask-section: black 0% 100%;
            mask-image: linear-gradient(90deg, var(--mask-section));
            mask-size: 100% 100%;
            mask-repeat: no-repeat;
            -webkit-mask-image: linear-gradient(90deg, var(--mask-section));
            -webkit-mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
        }

        .clip-overflow .slide-overlay {
            opacity: 70%;
        }

        .clip-overflow .hero-slider_nav-item {
            opacity: 0.2;
        }

        .clip-overflow .active.hero-slider_nav-item {
            opacity: 1;
        }

        .clip-overflow .hero-intro_copy {
            opacity: 0;
        }

        .nav-menu_dropdown.show-menu {
            display: flex;
        }

        [dropdown="trigger"] {
            cursor: pointer;
        }

        [toggle-click].active {
            pointer-events: none;
        }

        [dropdown="hidden"].show-menu {
            display: flex;
        }

        .work-list_item.active .project-list_img-component {
            opacity: 1;
        }

        .link-fill {
            pointer-events: auto;
        }

        [infinite-item] {
            position: absolute;
            top: 0;
            left: 0;
        }

        .director-inf_item.active {
            mix-blend-mode: normal;
        }

        .nav-menu_dropdown {
            pointer-events: none;
        }

        .nav-menu {
            pointer-events: none;
        }

        .menu-item {
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
        }

        .directors-infinite.show-img .director-img_wrap {
            opacity: 1;
        }

        .s-l {
            padding-bottom: 0.1em;
            margin-bottom: -0.1em;
        }

        .culture-grid_item {
            transition: all 600ms cubic-bezier(0.16, 1, 0.3, 1);
        }

        .pos-east {
            transform: translateX(-50vw);
        }

        .pos-west {
            transform: translateX(50vw);
        }

        [lottie-hidden] {
            visibility: hidden;
        }

        [pload-split] {
            opacity: 0;
        }

        html {
            --plyr-range-thumb-height: 0px;
            --plyr-control-radius: 0px;
            --plyr-range-track-height: 1px;
        }

        .plyr--video .plyr__controls {
            --plyr-color-main: transparent;
            background: transparent;
            padding: var(--size--1-25rem);
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: space-between;
            color: #fff;
            position: fixed;
            transition: none !important;
            bottom: auto;
            pointer-events: none;
            transition: opacity 0.3s ease-out;
        }

        .plyr_stretch {
            display: flex;
            column-gap: var(--size--1-25rem);
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .plyr_col {
            display: flex;
            flex-direction: row;
            align-items: center;
            column-gap: 5em;
            justify-content: start;
        }

        .plyr--full-ui input[type="range"] {
            -webkit-appearance: none;
            border-radius: 0 !important;
            color: #fff;
        }

        .plyr--full-ui input[type="range"]::-webkit-slider-thumb,
        .plyr--full-ui input[type="range"]::-moz-range-thumb,
        .plyr--full-ui input[type="range"]::-ms-thumb {
            opacity: 0 !important;
        }

        .plyr__progress {
            width: 100%;
        }

        .plyr__control {
            padding: 0;
        }

        .plyr video {
            object-fit: cover;
        }

        .plyr--video {
            overflow: hidden;
            width: 100%;
            height: 100%;
        }

        [video-close] {
            cursor: pointer;
        }

        .plyr--video.plyr--hide-controls .plyr__controls {
            opacity: 0;
            pointer-events: none;
            transition: opacity 300ms ease-out;
        }

        .plyr {
            font-variant-numeric: normal;
        }

        .work-list_item.show-clones .list-clone_wrap {
            opacity: 1;
        }

        .work-list_section .work-list_item:nth-child(3n + 1) .list-clone_wrap {
            align-items: flex-start;
        }

        .work-list_section .work-list_item:nth-child(3n + 2) .list-clone_wrap {
            align-items: center;
        }

        .work-list_section .work-list_item:nth-child(3n + 3) .list-clone_wrap {
            align-items: flex-end;
        }

        .footer-component [h-ul="target"] {
            padding: 0 0.1em;
        }

        .footer-component [h-ul="target"]:after {
            height: 100%;
            bottom: 0.1em;
            mix-blend-mode: difference;
            background: #fff;
            transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1);
        }

        .footer-component [h-ul="trigger"]:hover [h-ul="target"]:after,
        .contact-right [h-ul="trigger"]:hover [h-ul="target"]:after {
            transition: transform 0ms cubic-bezier(0.25, 1, 0.5, 1);
        }

        [h-underline].current-filter [h-underline="target"]:after {
            transform: scaleX(1);
            transform-origin: left;
        }

        .work-filter_trigger [h-underline="target"]:after {
            height: 1px;
        }

        .contact-right [h-ul="target"]:after,
        .contact-footer [h-ul="target"]:after {
            height: 100%;
            bottom: 0.1em;
            mix-blend-mode: difference;
            background: #000;
            transition: transform 400mscubic-bezier(0.25, 1, 0.5, 1);
            filter: invert(1);
        }

        .contact-right [h-ul="target"],
        .contact-footer [h-ul="target"] {
            padding: 0 0.1em;
            color: #fff;
            filter: invert(1);
        }

        .footer-component .w--current [h-ul="target"]:after {
            transform: scaleX(0);
        }

        .footer-component .w--current:hover [h-ul="target"]:after {
            transform: scaleX(1);
        }

        .active [slide-underline]:after,
        .active[toggle-click]:after {
            transform: scaleX(1);
            transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 400ms;
        }

        [slide-underline]:after,
        [toggle-click]:after {
            content: "";
            position: absolute;
            height: 0.05em;
            width: 100%;
            background: #fff;
            bottom: 0;
            left: 0;
            transform: scaleX(0);
            transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
            transform-origin: left;
        }

        [img-scroll] img {
            height: 120%;
            top: auto;
        }

        [img-scroll] {
            overflow: clip;
        }

        .preloader-component {
            display: none;
        }

        .show-preloader .preloader-component {
            display: flex;
        }

        @media only screen and (min-width: 992px) {
            .next-work_item .work-list_rich.u-text-style-small_nm.w-richtext,
            .work-list_section .work-list_rich.u-text-style-small_nm.w-richtext {
                display: -webkit-box;
                -webkit-line-clamp: 7;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            [h-ul="trigger"]:hover [h-ul="target"]:after {
                transform: scaleX(1);
                transition: transform 400ms cubic-bezier(0.25, 1, 0.5, 1) 0ms;
            }
            .hero-slider_nav-item.active .hero-slider_hover:hover+.hero-slider_popup {
                display: block;
            }
            .hero-slider_head-text {
                transform: translateY(100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
            }
            .active .hero-slider_head-text {
                transform: translateY(0%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            }
            .active .hero-slider_hover,
            .active .hero-slider_title {
                pointer-events: auto;
            }
            .active .hero-slider_title,
            .active .hero-slider_num,
            .active .hero-slider_hover {
                z-index: 3;
            }
            body:has([data-cursor]:hover) .cursor {
                opacity: 1;
            }
            .director-short {
                visibility: hidden;
            }
            .director-inf_item.active .director-short {
                visibility: visible;
            }
            .project-link:hover img {
                opacity: 0;
            }
        }

        body,
        html {
            overscroll-behavior: none;
        }

        .plyr audio,
        .plyr iframe,
        .plyr video {
            height: auto;
            margin-top: auto !important;
            margin-bottom: auto;
        }

        @media only screen and (max-width: 991px) {
            .active .hero-slider_popup {
                display: flex;
            }
            [b-text_wrap] {
                overflow: clip;
                padding-bottom: 0;
            }
            .plyr--video .plyr__controls {
                bottom: 1rem;
            }
            .plyr--video.plyr--hide-controls .plyr__controls {
                opacity: 1;
            }
            * {
                -webkit-user-select: none;
                /* Safari, Chrome */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* Internet Explorer/Edge */
                user-select: none;
            }
            .text-link_wrap .s-l {
                padding-bottom: 0.1em;
            }
            .fullscreen .culture-visual_wrap {
                background-position: 50%;
                background-size: contain;
                background-repeat: no-repeat;
                background-color: #000000;
            }
            .pos-east {
                transform: translateX(-100vw);
            }
            .pos-west {
                transform: translateX(100vw);
            }
            .plyr audio,
            .plyr iframe,
            .plyr video {
                height: auto;
                margin-top: auto !important;
                margin-bottom: auto;
            }
            .current-next.next-work_item {
                display: flex !important;
            }
            .contact-right [h-ul="target"]:after {
                height: 1px;
                transform: scaleX(1);
            }
            .contact-right [h-ul="target"] {
                margin-bottom: 0.5em !important;
            }
            [aspect-ratio="portrait"] .plyr video {
                height: 100%;
            }
            .single-wrap .extra-small_text {
                font-size: 0.875rem !important;
            }
        }
   











         :root {
                    --site--column-count: 12;
                    --site--max-width: min(var(--site--width), 100vw);
                    --container--main: calc(var(--site--max-width) - var(--site--margin) * 2);
                    --container--full: calc(100vw - var(--site--margin) * 2);
                    --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 6) - var(--site--gutter));
                    --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1));
                    --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count));
                    --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter));
                    --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter));
                    --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter));
                    --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter));
                    --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter));
                    --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter));
                    --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter));
                    --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter));
                    --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter));
                    --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter));
                    --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter));
                    --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter));
                    --column-margin--1: calc(var(--column-width--plus-gutter) * 1);
                    --column-margin--2: calc(var(--column-width--plus-gutter) * 2);
                    --column-margin--3: calc(var(--column-width--plus-gutter) * 3);
                    --column-margin--4: calc(var(--column-width--plus-gutter) * 4);
                    --column-margin--5: calc(var(--column-width--plus-gutter) * 5);
                    --column-margin--6: calc(var(--column-width--plus-gutter) * 6);
                    --column-margin--7: calc(var(--column-width--plus-gutter) * 7);
                    --column-margin--8: calc(var(--column-width--plus-gutter) * 8);
                    --column-margin--9: calc(var(--column-width--plus-gutter) * 9);
                    --column-margin--10: calc(var(--column-width--plus-gutter) * 10);
                    --column-margin--11: calc(var(--column-width--plus-gutter) * 11);
                    --column-margin--12: calc(var(--column-width--plus-gutter) * 12);
                    --breakout-start: [full-start] minmax(0, 1fr) [content-start];
                    --breakout-end: [content-end] minmax(0, 1fr) [full-end];
                    --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end);
                    --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end);
                    --grid-main: repeat(var(--site--column-count), minmax(0, 1fr));
                    --grid-1: repeat(1, minmax(0, 1fr));
                    --grid-2: repeat(2, minmax(0, 1fr));
                    --grid-3: repeat(3, minmax(0, 1fr));
                    --grid-4: repeat(4, minmax(0, 1fr));
                    --grid-5: repeat(5, minmax(0, 1fr));
                    --grid-6: repeat(6, minmax(0, 1fr));
                    --grid-7: repeat(7, minmax(0, 1fr));
                    --grid-8: repeat(8, minmax(0, 1fr));
                    --grid-9: repeat(9, minmax(0, 1fr));
                    --grid-10: repeat(10, minmax(0, 1fr));
                    --grid-11: repeat(11, minmax(0, 1fr));
                    --grid-12: repeat(12, minmax(0, 1fr));
                    --font-weight--inherit: inherit;
                    --font-weight--100: 100;
                    --font-weight--200: 200;
                    --font-weight--300: 300;
                    --font-weight--400: 400;
                    --font-weight--500: 500;
                    --font-weight--600: 600;
                    --font-weight--700: 700;
                    --font-weight--800: 800;
                    --font-weight--900: 900;
                    --text-transform--none: none;
                    --text-transform--uppercase: uppercase;
                    --text-transform--capitalize: capitalize;
                    --text-transform--lowercase: lowercase;
                    --text-transform--inherit: inherit;
                }

                * {
                    vertical-align: bottom;
                }

                body {
                    font-weight: var(--text-main--font-weight);
                    text-transform: var(--text-main--text-transform);
                    font-smoothing: antialiased;
                    -webkit-font-smoothing: antialiased;
                }

                label,
                blockquote {
                    font-size: inherit;
                    line-height: inherit;
                    font-weight: inherit;
                    margin-top: 0;
                    margin-bottom: 0;
                }

                button {
                    background-color: unset;
                    padding: unset;
                    text-align: inherit;
                }

                button:not(:disabled) {
                    cursor: pointer;
                }

                video {
                    width: 100%;
                    object-fit: cover;
                }

                video.wf-empty {
                    padding: 0;
                }

                svg {
                    max-width: 100%;
                }

                section,
                header,
                footer {
                    position: relative;
                }

                @media (prefers-color-scheme: light) {
                    option {
                        color: black;
                    }
                }

                img::selection {
                    background: transparent;
                }

                a:not([class]) {
                    text-decoration: underline;
                }

                .w-richtext a {
                    position: relative;
                    z-index: 4;
                }

                [class*="u-text-style-"]> :where(h1, h2, h3, h4, h5, h6, p, blockquote) {
                    font-family: inherit;
                    font-size: inherit;
                    font-weight: inherit;
                    line-height: inherit;
                    letter-spacing: inherit;
                    text-transform: inherit;
                    text-wrap: inherit;
                    margin-top: inherit;
                    margin-bottom: inherit;
                }

                :not(.u-margin-trim-off, .u-block-gap, .w-background-video)> :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) {
                    margin-top: 0;
                }

                :not(.u-margin-trim-off, .u-block-gap, .w-background-video)> :not(:has(~ :not(.w-condition-invisible))) {
                    margin-bottom: 0;
                }

                .u-hide-if-empty:empty,
                .u-hide-if-empty:not(:has(> :not(.w-condition-invisible))),
                .u-hide-if-empty-cms:not(:has(.w-dyn-item)),
                .w-richtext[class*="u-text-style-"]> :not(h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, span),
                .u-embed-js,
                .u-embed-css {
                    display: none !important;
                }

                .u-line-clamp-1,
                .u-line-clamp-2,
                .u-line-clamp-3,
                .u-line-clamp-4 {
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }

                .u-line-clamp-2 {
                    -webkit-line-clamp: 2;
                }

                .u-line-clamp-3 {
                    -webkit-line-clamp: 3;
                }

                .u-line-clamp-4 {
                    -webkit-line-clamp: 4;
                }

                a,
                button,
                [tabindex],
                .w-checkbox-input--inputType-custom,
                .w-form-formradioinput--inputType-custom {
                    outline-offset: var(--focus--offset-outer);
                }

                a:focus-visible,
                button:focus-visible,
                [tabindex]:focus-visible,
                .w-checkbox:has(:focus-visible) .w-checkbox-input--inputType-custom,
                .w-radio:has(:focus-visible) .w-form-formradioinput--inputType-custom {
                    outline-color: var(--theme--text);
                    outline-width: var(--focus--width);
                    outline-style: solid;
                }

                .w-checkbox-input--inputType-custom.w--redirected-focus,
                .w-form-formradioinput--inputType-custom.w--redirected-focus {
                    box-shadow: none;
                }

                .u-block-gap {
                    --gap: var(--content-space--button-group-gap);
                    --gap-x: var(--gap);
                    --gap-y: var(--gap);
                }

                .u-block-gap>* {
                    margin-inline: calc(var(--gap-x) / 2);
                    margin-top: var(--gap-y);
                    vertical-align: inherit;
                }

                :where(.u-block-gap > *) {
                    display: inline-block;
                }

                .u-block-gap::before {
                    content: "";
                    display: block;
                    margin-bottom: calc(var(--gap-y) * -1);
                }

                .u-block-gap-vertical {
                    --gap: 0;
                    --margin: var(--gap);
                }

                .u-block-gap-vertical>* {
                    margin-top: var(--margin);
                    margin-bottom: 0;
                }

                .u-gap-0 {
                    --gap: 0;
                }

                .u-gap-1 {
                    --gap: var(--space--1);
                }

                .u-gap-2 {
                    --gap: var(--space--2);
                }

                .u-gap-3 {
                    --gap: var(--space--3);
                }

                .u-gap-4 {
                    --gap: var(--space--4);
                }

                .u-gap-5 {
                    --gap: var(--space--5);
                }

                .u-gap-6 {
                    --gap: var(--space--6);
                }

                .u-gap-7 {
                    --gap: var(--space--7);
                }

                .u-gap-8 {
                    --gap: var(--space--8);
                }

                .u-gap-gutter {
                    --gap: var(--site--gutter);
                }

                .u-gap-row-0 {
                    --gap-y: 0;
                }

                .u-gap-row-1 {
                    --gap-y: var(--space--1);
                }

                .u-gap-row-2 {
                    --gap-y: var(--space--2);
                }

                .u-gap-row-3 {
                    --gap-y: var(--space--3);
                }

                .u-gap-row-4 {
                    --gap-y: var(--space--4);
                }

                .u-gap-row-5 {
                    --gap-y: var(--space--5);
                }

                .u-gap-row-6 {
                    --gap-y: var(--space--6);
                }

                .u-gap-row-7 {
                    --gap-y: var(--space--7);
                }

                .u-gap-row-8 {
                    --gap-y: var(--space--8);
                }

                .u-gap-row-gutter {
                    --gap-y: var(--site--gutter);
                }

                .u-child-contain>* {
                    display: inline-block;
                    width: 100%;
                    max-width: inherit;
                    margin-top: 0;
                }

                .u-text-margin-none :is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, p) {
                    margin-top: 0;
                    margin-bottom: 0;
                }

                [data-padding-top="none"] {
                    padding-top: var(--section-space--none);
                }

                [data-padding-bottom="none"] {
                    padding-bottom: var(--section-space--none);
                }

                [data-padding-top="small"] {
                    padding-top: var(--section-space--small);
                }

                [data-padding-bottom="small"] {
                    padding-bottom: var(--section-space--small);
                }

                [data-padding-top="main"] {
                    padding-top: var(--section-space--main);
                }

                [data-padding-bottom="main"] {
                    padding-bottom: var(--section-space--main);
                }

                [data-padding-top="large"] {
                    padding-top: var(--section-space--large);
                }

                [data-padding-bottom="large"] {
                    padding-bottom: var(--section-space--large);
                }

                .wf-design-mode .g_clickable_wrap {
                    z-index: 0;
                }

                .g_clickable_wrap a[href="#"] {
                    display: none;
                }

                .g_clickable_wrap a[href="#"]~button {
                    display: block;
                }
           
                /* theme light */

                :root,
                [data-theme="light"],
                [data-theme="dark"] [data-theme="invert"] {
                    --theme--background: var(--swatch--light);
                    --theme--text: var(--swatch--black);
                    --theme--border: var(--swatch--dark-faded);
                    /* button primary */
                    --button--background: var(--swatch--brand);
                    --button--text: var(--swatch--brand-text);
                    --button--border: var(--swatch--brand);
                    --button--background-hover: var(--swatch--dark);
                    --button--text-hover: var(--swatch--light);
                    --button--border-hover: var(--swatch--dark);
                    /* button secondary */
                    --button-secondary--background: var(--swatch--transparent);
                    --button-secondary--text: var(--swatch--dark);
                    --button-secondary--border: var(--swatch--dark-faded);
                    --button-secondary--background-hover: var(--swatch--brand);
                    --button-secondary--text-hover: var(--swatch--brand-text);
                    --button-secondary--border-hover: var(--swatch--brand);
                }

                /* theme dark */

                [data-theme="dark"],
                [data-theme="invert"],
                [data-theme="light"] [data-theme="invert"] {
                    --theme--background: var(--swatch--dark);
                    --theme--text: var(--swatch--light);
                    --theme--border: var(--swatch--light-faded);
                    /* button primary */
                    --button--background: var(--swatch--brand);
                    --button--text: var(--swatch--brand-text);
                    --button--border: var(--swatch--brand);
                    --button--background-hover: var(--swatch--light);
                    --button--text-hover: var(--swatch--dark);
                    --button--border-hover: var(--swatch--light);
                    /* button secondary */
                    --button-secondary--background: var(--swatch--transparent);
                    --button-secondary--text: var(--swatch--light);
                    --button-secondary--border: var(--swatch--light-faded);
                    --button-secondary--background-hover: var(--swatch--brand);
                    --button-secondary--text-hover: var(--swatch--brand-text);
                    --button-secondary--border-hover: var(--swatch--brand);
                }

                /* button secondary */

                [data-button-style="secondary"] {
                    --button--background: var(--button-secondary--background);
                    --button--text: var(--button-secondary--text);
                    --button--border: var(--button-secondary--border);
                    --button--background-hover: var(--button-secondary--background-hover);
                    --button--text-hover: var(--button-secondary--text-hover);
                    --button--border-hover: var(--button-secondary--border-hover);
                }

                /* apply colors */

                :is(c, :where([data-theme]:not([data-theme="inherit"]))) {
                    background-color: var(--theme--background);
                    color: var(--theme--text);
                }
      
              
                :root {
                    --site--margin: clamp(0.625rem, 0.397rem + 0.95vw, 1.535rem);
                    --size--1-875rem: clamp(1.675rem, 1.603rem + 0.3vw, 1.965rem);
                    --size--2rem: clamp(1.75rem, 1.6588rem + 0.38vw, 2.114rem);
                    --size--2-5rem: clamp(2rem, 1.8176rem + 0.76vw, 2.728rem);
                    --size--3rem: clamp(2.25rem, 1.9764rem + 1.14vw, 3.342rem);
                    --size--3-5rem: clamp(2.375rem, 1.967rem + 1.7vw, 4.01rem);
                    --size--4rem: clamp(2.5rem, 1.9552rem + 2.27vw, 4.681rem);
                    --size--4-5rem: clamp(2.75rem, 2.114rem + 2.65vw, 5.295rem);
                    --size--5rem: clamp(3rem, 2.2728rem + 3.03vw, 5.909rem);
                    --size--5-5rem: clamp(3.25rem, 2.4316rem + 3.41vw, 6.523rem);
                    --size--6rem: clamp(3.5rem, 2.5904rem + 3.79vw, 7.137rem);
                    --size--6-5rem: clamp(3.75rem, 2.7492rem + 4.17vw, 7.751rem);
                    --size--7rem: clamp(4rem, 2.908rem + 4.55vw, 8.365rem);
                    --size--7-5rem: clamp(4.25rem, 3.0692rem + 4.92vw, 8.976rem);
                    --size--8rem: clamp(4.5rem, 3.228rem + 5.3vw, 9.59rem);
                    --size--8-5rem: clamp(4.75rem, 3.3868rem + 5.68vw, 10.204rem);
                    --size--9rem: clamp(5rem, 3.5456rem + 6.06vw, 10.818rem);
                    --size--9-5rem: clamp(5.25rem, 3.7044rem + 6.44vw, 11.432rem);
                    --size--10rem: clamp(5.5rem, 3.8632rem + 6.82vw, 12.046rem);
                    --size--11rem: clamp(5.75rem, 3.842rem + 7.95vw, 13.385rem);
                    --size--12rem: clamp(6rem, 3.8184rem + 9.09vw, 14.727rem);
                    --size--13rem: clamp(6.5rem, 4.136rem + 9.85vw, 15.955rem);
                    --size--14rem: clamp(7rem, 4.4536rem + 10.61vw, 17.183rem);
                    --size--15rem: clamp(7.5rem, 4.7736rem + 11.36vw, 18.408rem);
                    --size--16rem: clamp(8rem, 5.0912rem + 12.12vw, 19.636rem);
                    --size--18rem: clamp(9rem, 5.7264rem + 13.64vw, 22.092rem);
                }
          
                /* Custom project items */

                .projects-grid_item:nth-child(12n + 1),
                .projects-grid_item:nth-child(12n + 2),
                .projects-grid_item:nth-child(12n + 6),
                .projects-grid_item:nth-child(12n + 9),
                .projects-grid_item:nth-child(12n + 10) {
                    grid-column-end: span 6;
                }

                .projects-grid_item:nth-child(12n + 3),
                .projects-grid_item:nth-child(12n + 4),
                .projects-grid_item:nth-child(12n + 5) {
                    grid-column-end: span 4;
                }

                .projects-grid_item:nth-child(12n + 7),
                .projects-grid_item:nth-child(12n + 8) {
                    grid-column-end: span 3;
                }

                .projects-grid_item:nth-child(12n + 11),
                .projects-grid_item:nth-child(12n + 12) {
                    grid-column-end: span 4;
                }

                .projects-grid_item:nth-child(12n + 12) {
                    grid-column-start: 9;
                }

                [h-underline="trigger"]:hover [h-underline="target"]:after {
                    transform: scaleX(1);
                    transform-origin: left;
                }

                [h-underline="target"] {
                    position: relative;
                    display: inline-block;
                }

                [h-underline="target"]:after {
                    content: "";
                    position: absolute;
                    height: 0.075em;
                    width: 100%;
                    background: currentColor;
                    top: 100%;
                    left: 0;
                    transition: transform 0.3s ease;
                    transform: scaleX(0);
                    transform-origin: right;
                }

                .project-list_img-component video {
                    height: 100%;
                }

                .work-list_item:nth-child(9n + 1) .project-list_img-holder,
                .work-list_item:nth-child(9n + 2) .project-list_img-holder,
                .work-list_item:nth-child(9n + 3) .project-list_img-holder {
                    grid-row-start: 1;
                }

                .work-list_item:nth-child(9n + 4) .project-list_img-holder,
                .work-list_item:nth-child(9n + 5) .project-list_img-holder,
                .work-list_item:nth-child(9n + 6) .project-list_img-holder {
                    grid-row-start: 2;
                }

                .work-list_item:nth-child(9n + 7) .project-list_img-holder,
                .work-list_item:nth-child(9n + 8) .project-list_img-holder,
                .work-list_item:nth-child(9n + 9) .project-list_img-holder {
                    grid-row-start: 3;
                }

                .work-list_item:nth-child(9n + 1) .project-list_img-holder,
                .work-list_item:nth-child(9n + 4) .project-list_img-holder,
                .work-list_item:nth-child(9n + 7) .project-list_img-holder {
                    grid-column-start: 1;
                }

                .work-list_item:nth-child(9n + 2) .project-list_img-holder,
                .work-list_item:nth-child(9n + 5) .project-list_img-holder,
                .work-list_item:nth-child(9n + 8) .project-list_img-holder {
                    grid-column-start: 2;
                }

                .work-list_item:nth-child(9n + 3) .project-list_img-holder,
                .work-list_item:nth-child(9n + 6) .project-list_img-holder,
                .work-list_item:nth-child(9n + 9) .project-list_img-holder {
                    grid-column-start: 3;
                }

                .director-img {
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                }

                .work-page.grid-view .work-grid_section {
                    display: block;
                }

                /*body.list-view .grid-list_toggle {
  flex-direction: column-reverse;
}*/

                .work-page.grid-view .work-list_section {
                    display: none;
                }

                .work-page.list-view .work-grid_section {
                    display: none;
                }

                .work-page.list-view .work-list_section {
                    display: block;
                }

                .culture-grid_item:nth-child(9n + 1),
                .culture-grid_item:nth-child(9n + 5),
                .culture-grid_item:nth-child(9n + 6),
                .culture-grid_item:nth-child(9n + 9) {
                    grid-column-end: span 2;
                }

                .culture-grid_item:nth-child(9n + 2),
                .culture-grid_item:nth-child(9n + 7) {
                    grid-column-end: span 3;
                }

                .culture-grid_item:nth-child(9n + 3),
                .culture-grid_item:nth-child(9n + 8) {
                    grid-column-end: span 4;
                }

                .culture-grid_item:nth-child(9n + 4) {
                    grid-column-end: span 5;
                }

                .culture-grid_item:nth-child(9n + 1) {
                    grid-column-start: 1;
                }

                .culture-grid_item:nth-child(9n + 2) {
                    grid-row-start: 2;
                    grid-column-start: 5;
                }

                .culture-grid_item:nth-child(9n + 3) {
                    grid-row-start: 2;
                    grid-column-start: 9;
                }

                .culture-grid_item:nth-child(9n + 4) {
                    grid-column-start: 1;
                    grid-row-start: 3;
                }

                .culture-grid_item:nth-child(9n + 5) {
                    grid-column-start: 8;
                    grid-row-start: 3;
                }

                .culture-grid_item:nth-child(9n + 6) {
                    grid-column-start: 11;
                    grid-row-start: 3;
                }

                .culture-grid_item:nth-child(9n + 7) {
                    grid-column-start: 2;
                    grid-row-start: 4;
                }

                .culture-grid_item:nth-child(9n + 8) {
                    grid-column-start: 6;
                    grid-row-start: 4;
                }

                .culture-grid_item:nth-child(9n + 9) {
                    grid-column-start: 10;
                    grid-row-start: 5;
                }

                .page-main.is-contact .nav-wrap {
                    color: var(--swatch--black);
                    mix-blend-mode: normal;
                }

                [b-hov] {
                    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
                    position: relative;
                    overflow: hidden;
                }

                [b-bg] {
                    background-color: currentColor;
                    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
                    position: absolute;
                    inset: 0%;
                    transform: translateY(101%);
                }

                [b-hov]:hover {
                    /*transform: scale(0.985);*/
                }

                :is([b-hov]):hover [b-text] {
                    transform: translateY(-1em);
                }

                [b-hov]:hover [b-bg] {
                    transform: translateY(0%);
                }

                [b-text] {
                    text-shadow: 0 1em 0 var(--swatch--light);
                    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
                    position: relative;
                    color: var(--swatch--black);
                }

                .is-alt [b-bg] {
                    background-color: var(--swatch--light);
                }

                .is-alt [b-text] {
                    text-shadow: 0 1em 0 var(--swatch--black);
                    color: var(--swatch--light);
                }

                .btn-el.is-alt {
                    border: 1px solid #fff;
                }

                .project-link .project-overlay .u-hflex-between-center,
                .project-link .project-overlay .u-hflex-between-stretch {
                    transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
                }

                .project-link .project-overlay .u-hflex-between-center {
                    transform: translateY(-130%);
                }

                .project-link .project-overlay .u-hflex-between-stretch {
                    transform: translateY(130%);
                }

                .project-link:hover .project-overlay .u-hflex-between-center {
                    transform: translateY(0%);
                }

                .project-link:hover .project-overlay .u-hflex-between-stretch {
                    transform: translateY(0%);
                }

                .screensaver {
                    clip-path: polygon(0% 50%, 100% 50%, 100% 50%, 0% 50%);
                }

                .project-visual video {
                    width: 100%;
                    object-fit: cover;
                    height: 100%;
                }

                @media only screen and (min-width: 992px) {
                    [b-text_wrap] {
                        overflow: clip;
                        padding-bottom: 0.15em;
                    }
                    .projects-col_item.alt-layout:last-child .is-number {
                        display: none;
                    }
                    .projects-grid_item:nth-child(12n + 7) .is-number,
                    .projects-grid_item:nth-child(12n + 8) .is-number {
                        display: none;
                    }
                }